jQuery解析JSON数据实例详解
本节中将使用jquery进行数据解析。
先以解析上例中的comments对象的JSON数据为例，然后再小结jQuery中解析JSON数据的方法。
上例中得到的JSON数据如下，是一个嵌套JSON：
获取JSON数据，在jQuery中有一个简单的方法 $.getJSON() 可以实现。
以下引用的是官方API对$.getJSON()的说明：
jQuery.getJSON( url, [data,] [success(data, textStatus, jqXHR)] )
urlA string containing the URL to which the request is sent.
dataA map or string that is sent to the server with the request.
success(data, textStatus, jqXHR)A callback function that is executed if the request succeeds.
回调函数中接受三个参数，第一个书返回的数据，第二个是状态，第三个是jQuery的XMLHttpRequest，我们只使用到第一个参数。
$.each()是用来在回调函数中解析JSON数据的方法，下面是官方文档：
jQuery.each( collection, callback(indexInArray, valueOfElement) )
collectionThe object or array to iterate over.
callback(indexInArray, valueOfElement)The function that will be executed on every object.
$.each()方法接受两个参数，第一个是需要遍历的对象集合（JSON对象集合），第二个是用来遍历的方法，这个方法又接受两个参数，第一个是遍历的index，第二个是当前遍历的值。哈哈，有了$.each()方法JSON的解析就迎刃而解咯。
$.getJSON("loadInfo", function(data) {
$("#info").html("");//清空info内容
$.each(data.comments, function(i, item) {
$("#info").append(
"<div>" + item.id + "</div>" +
"<div>" + item.nickname + "</div>" +
"<div>" + item.content + "</div><hr/>");
});
});
}
正如上面，loadinfo是请求的地址，function(data){...}就是在请求成功后的回调函数，data封装了返回的JSON对象，在下面的$.each(data.comments,function(i,item){...})方法中data.comments直接到达JSON数据内包含的JSON数组：
$.each()方法中的function就是对这个数组进行遍历，再通过操作DOM插入到合适的地方的。在遍历的过程中，我们可以很方便的访问当前遍历index(代码中的”i“)和当前遍历的值(代码中的”item“)。
上例运行结果：
如果返回的JSON数据比较复杂，则只需多些$.each()进行遍历即可，嘿嘿。例如如下JSON数据：<br /> </p><div class=" />复制代码 代码示例:
js如下：
$.getJSON("loadInfo", function(data) {
$("#title").append(data.title+"<hr/>");
$("#content").append(data.content+"<hr/>");
//jquery解析map数据
$.each(data.infomap,function(key,value){
$("#mapinfo").append(key+"----"+value+"<br/><hr/>");
});
//解析数组
$.each(data.comments, function(i, item) {
$("#info").append(
"<div>" + item.id + "</div>" +
"<div>" + item.nickname + "</div>" +
"<div>" + item.content + "</div><hr/>");
});
});
}
注意，$.each()遍历Map的时候，function()中的参数是key和value，十分方便。
上例运行效果：
您可能感兴趣的文章：
JQuery解析HTML、JSON和XML实例详解
jQuery解析JSON数据实例详解
jquery转化Datatable为json数据的例子
jQuery怎么解析Json字符串(Json格式/Json对象)
jQuery 中使用JSON的实现代码
jQuery JSONP跨域需要怎样实现
使用jQuery解析JSON数据
PHP接收post数据并解析json的简单实例
localStorage存储读取JSON怎样实现
Jquery解析json数据的实例详解