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 相关文章推荐
最新优化收藏到网摘代码(digg,diigo)
Feb 07 Javascript
在UpdatePanel内jquery easyui效果失效的解决方法
Apr 11 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
jquery选择checked在ie8普通模式下的问题
Feb 12 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
Apr 26 Javascript
jQuery插件扩展操作入门示例
Jan 16 Javascript
jquery仿京东商品放大浏览页面
Jun 06 jQuery
JavaScript之Map和Set_动力节点Java学院整理
Jun 29 Javascript
VUE2.0中Jsonp的使用方法
May 22 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
js+canvas绘制图形验证码
Sep 21 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
PHP连接SQLServer2005 的问题解决方法
2010/07/19 PHP
Linux系统下使用XHProf和XHGui分析PHP运行性能
2015/12/08 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
jquery 简单导航实现代码
2009/09/11 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
利用angular自动编译andriod APK的绕坑经历分享
2019/03/08 Javascript
20个必会的JavaScript面试题(小结)
2019/07/02 Javascript
Vue实现开关按钮拖拽效果
2020/09/22 Javascript
OpenLayers3实现地图显示功能
2020/09/25 Javascript
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
python安装模块如何通过setup.py安装(超简单)
2018/05/05 Python
Python sorted函数详解(高级篇)
2018/09/18 Python
详解python中index()、find()方法
2019/08/29 Python
python Shapely使用指南详解
2020/02/18 Python
python 获取当前目录下的文件目录和文件名实例代码详解
2020/03/10 Python
Django choices下拉列表绑定实例
2020/03/13 Python
Square Off美国/加拿大:世界上最聪明的国际象棋棋盘
2018/12/06 全球购物
经济实惠的名牌太阳镜和眼镜:Privé Revaux
2021/02/07 全球购物
数学专业推荐信范文
2013/11/21 职场文书
优秀经理事迹材料
2014/02/01 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
2014年教务处工作总结
2014/12/03 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
高中开学感言
2015/08/01 职场文书
致创业的您:这类人不适合餐饮创业
2019/08/19 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript
Python装饰器的练习题
2021/11/23 Python