jQuery 解析 JSON 对象/字符串示例

Question

jQuery 是个很好用的插件，现在基本上每个网站都会用到，现在网页也逐渐的变得复杂了，很常见的异步请求，数据的传输都是通过JSON来完成，使用jQuery解析JSON其实很简单，这篇文章将分享一些简单的示例。

其中可能会用到 jQuery-JSON 插件，你可以在这里找到。

JavaScript原生的方法解析JSON

var str='{ "name": "John" }';
var obj = eval('(' + str + ')'); 
alert( obj.name);

var str2="{ 'name': 'John' }";
var obj2 = eval('(' + str2 + ')'); 
alert( obj2.name);

var str3="{ name: 'John' }";
var obj3 = eval('(' + str3 + ')'); 
alert( obj3.name);

jQuery解析JSON

var str = '{ "name": "mady", "age": "24" }';
var obj = JSON.parse(str);
alert(obj.name);

var str='{ "name": "John" }';
var obj = jQuery.parseJSON(str)
alert("1"+ obj.name);

JavaScript原生的方法解析多维的JSON

var data=" { root: [ {'name':'6200','value':'0'}, {'name':'6101','value':'xa'}, {'name':'6102','value':'beijing'}, {'name':'6103','value':'haerbin'}]}"; 
var dataObj = eval('(' + data + ')'); 

//alert(dataObj.root[0].name);
$.each(dataObj.root, function(index, item) {
    $("#info").append(
        "<div>" +index+":"+ item.name + "</div>" + 
        "<div>" +index+":"+ item.value + "</div><hr/>");
});
//注意：如果要使用其他转换函数请更改字符串内单引号为双引号，外引号为单引号

jQuery-JSON插件解析JSON

var data=$.toJSON({ x: 2, y: 3 });
var obj = jQuery.parseJSON(data)
alert(obj.x);

var str = {plugin: 'jquery-json', version: 2.3};
var data2=$.toJSON(str);
var obj2 = jQuery.parseJSON(data2)
alert(obj2.plugin);