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

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

一、展现效果图

描述信息：

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

 

   
       
           
           
       
   
   
       
           
           
       
       
           
           
       
   

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