JQuery 解析多维的Json数据格式

轮转殿

轮转殿

2016-02-19 15:06

有了下面这个JQuery 解析多维的Json数据格式教程,不懂JQuery 解析多维的Json数据格式的也能装懂了,赶紧get起来装逼一下吧!
这就要利用到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 += "p id='xuhao'" + n.orderid+ "ID" + n.customerid + "/p";
});

$.each(Products, function(i, n) {} 这里的Products就是我们的目标Json数据中的表了了。i代表记录的顺序,从0开始(0代表第一笔,1代表第二笔...),而n就代表对应字段的值了。 对Img的读取也是类似~~
如有不当之处请指正,谢谢!!
展开更多 50%)
分享

猜你喜欢

JQuery 解析多维的Json数据格式

Web开发
JQuery 解析多维的Json数据格式

简介Objective-C解析XML与JSON数据格式的方法

编程语言 网络编程
简介Objective-C解析XML与JSON数据格式的方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

BOBO:AJAX全新数据格式(似于JSON)

Web开发
BOBO:AJAX全新数据格式(似于JSON)

jquery JSON的解析方式

Web开发
jquery JSON的解析方式

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Excel数据格式怎么设置?

excel
Excel数据格式怎么设置?

Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据

Web开发
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

jQuery 标题的自动翻转实现代码

jQuery 标题的自动翻转实现代码

WPS文字如何给页面加边框

WPS文字如何给页面加边框
下拉加载更多内容 ↓