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 相关文章推荐
js 数值项目的格式化函数代码
May 14 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
Apr 11 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 Javascript
jQuery操作表单常用控件方法小结
Mar 23 Javascript
JavaScript中switch语句的用法详解
Jun 03 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
Mar 09 Javascript
浅谈Vue.nextTick 的实现方法
Oct 25 Javascript
node.js爬取中关村的在线电瓶车信息
Nov 13 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
Mar 19 Javascript
vue实现在进行增删改操作后刷新页面
Aug 05 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 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实现TCP端口检测的方法
2015/04/01 PHP
微信支付扫码支付php版
2016/07/22 PHP
PHP 实现从数据库导出到.csv文件方法
2017/07/06 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
ThinkPHP3.2.3框架实现执行原生SQL语句的方法示例
2019/04/03 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
实现JavaScript中继承的三种方式
2009/10/16 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
IE无法设置短域名下Cookie
2010/09/23 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
2014/01/02 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
JavaScript数组的定义及数字操作技巧
2016/06/06 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
Js 获取、判断浏览器版本信息的简单方法
2016/08/08 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
2016/12/27 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
vue实现移动端返回顶部
2020/10/12 Javascript
[20:57]Ti4主赛事第三天开幕式
2014/07/21 DOTA
[32:39]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第一场 11.04
2020/11/04 DOTA
Python的re模块正则表达式操作
2016/05/25 Python
Python通过future处理并发问题
2017/10/17 Python
python和pygame实现简单俄罗斯方块游戏
2021/02/19 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
皮尔·卡丹巴西官方商店:Pierre Cardin
2017/07/21 全球购物
乌克兰最大的家用电器和电子产品连锁店:Eldorado
2019/10/02 全球购物
酒店执行总经理岗位职责
2013/12/15 职场文书
公务员中国梦演讲稿
2014/08/19 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书
党纪处分决定书
2015/06/24 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书
《只有一个地球》教学反思
2016/02/16 职场文书