Html页面格式化显示接口返回的JSON数据

参考：

http://m.blog.csdn.net/zhengxiangwen/article/details/68927330

http://www.zyall.com/format_json.html

1，必须在pre标签中

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #932192 }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco }
span.s1 { color: #000000 }
span.s2 { color: #009193 }
span.s3 { color: #4e9192 }
span.s4 { color: #392de7 }
span.s5 { color: #3933ff }
span.Apple-tab-span { white-space: pre }

<pre style="width:100%;height:100%" id="data-test"></pre>

2，将数据进行JSON格式化

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco }
span.s1 { color: #3933ff }
span.s2 { color: #931a68 }
span.Apple-tab-span { white-space: pre }

$.ajax({

type: "POST",

dataType:"jsonp",

jsonp: "callback",

url:env+‘/mapi‘,

data: d + "&_at="+ _at,

success: function(data){

data = formatJson(data);

$("#data-test").html(data);

}

});