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 相关文章推荐
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
Nov 30 Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
jQuery实用基础超详细介绍
Apr 11 Javascript
鼠标滚轮改变图片大小的示例代码
Nov 20 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
Jun 05 Javascript
javascript简易画板开发
Apr 12 Javascript
浅析JavaScript中break、continue和return的区别
Nov 30 Javascript
js监听input输入框值的实时变化实例
Jan 26 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
详解vue-cli 本地开发mock数据使用方法
May 29 Javascript
vue和webpack项目构建过程常用的npm命令详解
Jun 15 Javascript
js DOM的事件常见操作实例详解
Dec 16 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 中的类
2006/10/09 PHP
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
php与paypal整合方法
2010/11/28 PHP
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
PHP simplexml_import_dom()函数讲解
2019/02/03 PHP
修改file按钮的默认样式实现代码
2013/04/23 Javascript
JavaScript简单获取页面图片原始尺寸的方法
2016/06/21 Javascript
jquery实现全选、不选、反选的两种方法
2016/09/06 Javascript
轻松实现js选项卡切换效果
2016/09/24 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
2019/05/27 jQuery
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
2020/07/21 Javascript
JavaScript代码实现微博批量取消关注功能
2021/02/05 Javascript
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
python爬虫教程之爬取百度贴吧并下载的示例
2014/03/07 Python
Python进程间通信Queue实例解析
2018/01/25 Python
pygame游戏之旅 添加icon和bgm音效的方法
2018/11/21 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
对python中的os.getpid()和os.fork()函数详解
2019/08/08 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
法国珠宝店:CLEOR
2017/01/29 全球购物
英国领先的男装设计师服装购物网站:Mainline Menswear
2018/02/04 全球购物
运动会开幕式解说词
2014/02/05 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
三严三实民主生活会发言稿
2014/10/13 职场文书
2014年工商所工作总结
2014/12/09 职场文书
新员工入职感想
2015/08/07 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书
Java实战之用Swing实现通讯录管理系统
2021/06/13 Java/Android
中国古风插画师排行榜:夏达第一,第三是阴阳师姑获鸟皮肤创作者
2022/03/18 国漫