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中ajax学习笔记3
Oct 16 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
Mar 26 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
Dec 17 Javascript
运算符&amp;&amp;的三个不同层次
Apr 07 Javascript
取消选中单选框radio的三种方式示例介绍
Dec 23 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
Sep 21 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
Jan 27 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
Dec 10 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 不同编码下的字符串长度区分
2009/09/26 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
php使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
ThinkPHP中where()使用方法详解
2016/04/19 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
PHP的JSON封装、转变及输出操作示例
2019/09/27 PHP
MultiSelect左右选择控件的设计与实现介绍
2013/06/08 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
关于JavaScript中的this指向问题总结篇
2017/07/23 Javascript
AngularJs+Bootstrap实现漂亮的计算器
2017/08/10 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
JS实现非首屏图片延迟加载的示例
2018/01/06 Javascript
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
JSON生成Form表单的方法示例
2018/11/21 Javascript
微信小程序实现发送验证码按钮效果
2018/12/20 Javascript
JS实现的排列组合算法示例
2019/07/16 Javascript
python实现猜数字游戏(无重复数字)示例分享
2014/03/29 Python
Python生成验证码实例
2014/08/21 Python
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
Python中Threading用法详解
2017/12/27 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
2019/12/12 Python
Python qrcode 生成一个二维码的实例详解
2020/02/12 Python
Python3爬虫中Ajax的用法
2020/07/10 Python
Python子进程subpocess原理及用法解析
2020/07/16 Python
详解css3自定义滚动条样式写法
2017/12/25 HTML / CSS
工商管理应届生求职信
2013/10/07 职场文书
教室布置标语
2014/06/26 职场文书
不遵守课堂纪律的检讨书
2014/09/24 职场文书
详解Mysql和Oracle之间的误区
2021/05/18 MySQL
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python