JQuery 解析多维的Json数据格式


Posted in Javascript onNovember 02, 2009

这就要利用到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的读取也是类似~~
如有不当之处请指正,谢谢!!
Javascript 相关文章推荐
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
Nov 24 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
javascript中的this详解
Dec 08 Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 Javascript
JS实现霓虹灯文字效果的方法
Aug 06 Javascript
jquery中键盘事件小结
Feb 24 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 Javascript
JavaScript JSON使用原理及注意事项
Jul 30 Javascript
js 将多个对象合并成一个对象 assign方法的实现
Sep 24 Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 #Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 #Javascript
JS OOP包机制,类创建的方法定义
Nov 02 #Javascript
JQuery 网站换肤功能实现代码
Nov 02 #Javascript
Javascript结合css实现网页换肤功能
Nov 02 #Javascript
cnblogs csdn 代码运行框实现代码
Nov 02 #Javascript
键盘 keycode的值 javascript时触发事件时很有用的要素
Nov 02 #Javascript
You might like
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
DOMXML函数笔记
2006/10/09 PHP
PHP超低内存遍历目录文件和读取超大文件的方法
2019/05/01 PHP
IE php关于强制下载文件的代码
2008/08/23 Javascript
JavaScript 脚本将当地时间转换成其它时区
2009/03/19 Javascript
ASP中进行HTML数据及JS数据编码函数
2009/11/11 Javascript
JavaScript截取字符串的2个函数介绍
2014/08/27 Javascript
js微信扫描二维码登录网站技术原理
2016/12/01 Javascript
Vuex模块化实现待办事项的状态管理
2017/03/15 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
关于jquery中attr()和prop()方法的区别
2018/05/28 jQuery
vue树形结构获取键值的方法示例
2018/06/21 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
2019/08/01 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
用Python和MD5实现网站挂马检测程序
2014/03/13 Python
Python os模块介绍
2014/11/30 Python
Python Django使用forms来实现评论功能
2016/08/17 Python
深入理解Python3 内置函数大全
2017/11/23 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
Python rstrip()方法实例详解
2018/11/11 Python
python读取xlsx的方法
2018/12/25 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
Python实现GIF图倒放
2020/07/16 Python
草船借箭教学反思
2014/02/03 职场文书
2014学年自我鉴定
2014/02/23 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
希特勒的演讲稿
2014/05/23 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
小学教师先进事迹材料
2014/12/15 职场文书
经营场所使用证明
2015/06/19 职场文书
发票退票证明
2015/06/24 职场文书