很重要的一点需要报头声明!header("Content-type:application/json");

 

 

随着AJAX应用的发展,使用JSON格式进行通信和对JavaScript对象进行封装变得越来越流行。还有现在越来越多的网站放出开发的API,通常会使用JSON的格式来进行数据传输,相比XML来说,JSON的格式更加简单、可读性更强。

而当网站指定数据返回格式为application/json格式的时候,火狐会提示用户下载查看,这对于开发这类网站应用来说非常不方便。

一种选择当然是使用Firebug来进行调试。但是对于开发Mashup应用的开发者来说,通常要打开第三方服务提供的API连接直接查看数据格式,这种情况下,JSONView这个扩展就更能满足需求了。

使用JSONView这个扩展,JSON格式的数据会有更加漂亮的展现方式,而且提供了同XML文档类似的折叠展开模式,方便您检查局部数据。整个JSON数据变得非常整齐格式化,容错性也非常的不错。

想体验一下,安装了JSONView扩展之后,您可以试着访问一下扩展作者提供的一段JSON数据,

 

[{"title":"\u57fa\u672c\u4fe1\u606f","plist":[{"title":"\u54c1\u724c","p1":"\u5927\u4f17","p2":"\u5927\u4f17","same":"1"},{"title":"\u8f66\u578b","p1":"POLO  1.4L MT\u98ce\u5c1a\u72482013\u6b3e","p2":"POLO 1.4L  MT\u8212\u9002\u72482013\u6b3e","same":"0"},{"title":"\u5382\u5546\u6307\u5bfc\u4ef7","p1":"8.59\u4e07\u5143","p2":"9.49\u4e07\u5143","same":"0"},{"title":"\u7ecf\u9500\u5546\u62a5\u4ef7","p1":"6.87-9.09\u4e07\u5143","p2":"7.6-9.99\u4e07\u5143","same":"0"}],"same":0},{"title":"\u4e3b\u8981\u53c2\u6570","plist":[{"title":"\u957f\/\u5bbd\/\u9ad8(mm)","p1":"3970-3970-1462","p2":"3970-3970-1462","same":"1"},{"title":"\u8f74\u8ddd(mm)","p1":"2470","p2":"2470","same":"1"},{"title":"\u8f6e\u8ddd

 

 

 

jquery 读取json数据 jquery jsonview_javascript

 

jquery 读取json数据 jquery jsonview_json_02

 

jquery 读取json数据 jquery jsonview_json_03

 

jquery 读取json数据 jquery jsonview_javascript_04

 

jquery 读取json数据 jquery jsonview_json_05

 

jquery 读取json数据 jquery jsonview_JSON_06

 

jquery 读取json数据 jquery jsonview_jquery 读取json数据_07