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虽然会了，但是这效率还是低了点，
还有中文乱码，我还没解决呢，继续寻找，