当前位置: 代码迷 >> JavaScript >> jQuery的$.getJSON()步骤使用体会
  详细解决方案

jQuery的$.getJSON()步骤使用体会

热度:581   发布时间:2012-11-23 22:54:33.0
jQuery的$.getJSON()方法使用体会

jQuery的$.getJSON()方法使用体会

??? 郁闷,因为要使用jQuery来获得json文件的内容,一直出不来结果。调试了一天,才刚刚解决,因此把体会写出来。

要获得的json文件内容如下:

test.json:

[
?{
??? "a":"hello",
??? "b":"world!"
?}
]

?? 正确的客户端js代码如下:

?? $.getJSON('test.json',function(data){???
??????? var html = '<h2>';
??????? html += data[0].a +',';
??????? html += data[0].b;
??????? html += '</h2>';
??????? $('#fromserver').append(html);
??? });??

结果,在页面id为fromserver的div中,显示“hello,world!”。

体会:

1.$.getJSON()方法返回的data数据本身就已经是JavaScript对象(或数组,如本示例)了,不需要再解析为JavaScript对象。

2.实际上,甚至不需要使用json2.js库,也不需要使用parse()方法进行解析,因为Firfox3.5和IE8已经内置了对json的支持。

3.我原来一直调试不出来,就是因为在html页面引入了json2.js,而且使用JSON.parse()方法对返回的data进行解析了,所以一直不出结果。经验主义害死人呀!

?

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/xlw2003/archive/2010/03/05/5350153.aspx

1 楼 sammyke 2010-11-19  
谢谢LZ分享,今天研究一晚上,可算找到点子上了
我还在那$.each()呢,弄了半天哈哈,谢谢了。
List集合JsonArray的json.toString()也是一样的道理。
都是json[i].id,json[i].name虽然会了,但是这效率还是低了点,
还有中文乱码,我还没解决呢,继续寻找,
  相关解决方案