作家
登录

JQuery 解析多维的Json数据格式

作者: 来源:www.28hudong.com 2013-03-30 02:11:54 阅读 我要评论

这就要利用到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的读取也是类似~~ 如有不当之处请指正,谢谢!!

  推荐阅读

  json 实例详细说明教程

官方网站地址:http://www.json.org/json-zh.htmljson2.js 脚本之家下载地址 复制代码 代码如下:<script type="text/javascript" src="json2.js"></script> <script> //直接声明json数据结构 var myJSONObject = {>>>详细阅读


本文标题:JQuery 解析多维的Json数据格式

地址:http://www.17bianji.com/kaifa2/JS/27803.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)