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

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

一、展现效果图

描述信息：

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

二、源代码展示

 





    

        

            
姓名
            
json数据
        
    
    

        

            
小三
            
{ "name": "小三", "address":"北京路23号","age":16, "email": "[email protected]","Object":[{"职位":"经理"}],"del":[] }
        
        

            
小四
            
{ "name": "小四", "address":"上海路01号","age":27, "email": "[email protected]","Object":[],"del":[]  }
        
    


    

三、源代码上传

源代码下载地址