html页面展示json数据并格式化的方法游戏攻略

json数据在html页面展示并格式化

一、展现效果图

描述信息：

key值全部采用红色标出，表示重要参数；
value值采用不同颜色标出，数值类型的采用橘黄色，字符串采用绿色，布尔采用蓝色。。。

二、源代码展示





 





    
        
            姓名
            json数据
        
    
    
        
            小三
            { "name": "小三", "address":"北京路23号","age":16, "email": "123456@qq.com","Object":[{"职位":"经理"}],"del":[] }
        
        
            小四
            { "name": "小四", "address":"上海路01号","age":27, "email": "222222@qq.com","Object":[],"del":[]  }

姓名	json数据
小三	{ "name": "小三", "address":"北京路23号","age":16, "email": "123456@qq.com","Object":[{"职位":"经理"}],"del":[] }
小四	{ "name": "小四", "address":"上海路01号","age":27, "email": "222222@qq.com","Object":[],"del":[] }