jquery解析多维Json格式数据的例子__Products_customerid_Json_orderid_Img_

当前位置: 编程技术>jquery

jquery解析多维Json格式数据的例子

来源: 互联网发布时间：2014-09-03

本文导语: 问题描述: 博客系统已做到了博客评论模块部分了，对单篇博文进行静态化的同时对博文的评论部分采取AJAX的方式去读取。利用到JQuery，ASHX以及Json来合作了。一篇文章有多个评论，每十个为一页。用户每点击下一页则自动...

问题描述:
博客系统已做到了博客评论模块部分了，对单篇博文进行静态化的同时对博文的评论部分采取AJAX的方式去读取。
利用到JQuery，ASHX以及Json来合作了。
一篇文章有多个评论，每十个为一页。用户每点击下一页则自动抓去下一页，这个过程采用无刷新放心进行。
Json格式其实和表格式有异曲同工之妙，在网络传输中，它比XML还省流量，而且与JS有更好的融合，更容易被解析。

Json格式：

{"Products":[
{"orderid":"11077","customerid":"RATTC"},
{"orderid":"11078","customerid":"RATT"}
],
"Img":[{"id":"12345","url"
:"image/1.jpg"}
]}

其中Products和Img可以认为是一张表的表名。
在Products表中，orderid和customerid都是Products的字段，11077与RATTC可以理解为对应字段的值。
Img部分也是一样。

所以，上面Products存在两笔记录，而Img存在一笔记录而已。
怎么在JQuery里面进行解析出相应的表，栏位和值呢？

在JQuery中可以用：
var Products= Json.Products;
来获得对Products表的筛选。

接下来，对Products进行循环读取值：

代码示例:

$.each(Products, function(i, n) {
str += "

" + n.orderid+ "ID" + n.customerid + "

";
});

$.each(Products, function(i, n) {} 这里的Products就是我们的目标Json数据中的表了了。
i代表记录的顺序，从0开始（0代表第一笔，1代表第二笔...），而n就代表对应字段的值了。
对Img的读取也是类似。

就是这些了，不当之处，敬请指教。