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 相关文章推荐
JavaScript插入动态样式实现代码
Feb 22 Javascript
JS实现鼠标单击与双击事件共存
Mar 08 Javascript
jquery 实现返回顶部功能
Nov 17 Javascript
jQuery获取样式中颜色值的方法
Jan 29 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
jQuery监听浏览器窗口大小的变化实例
Feb 07 Javascript
vue.js的安装方法
May 12 Javascript
解决ie img标签内存泄漏的问题
Oct 13 Javascript
详解Angular6学习笔记之主从组件
Sep 05 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
Jul 04 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
现磨咖啡骗局!现磨咖啡=新鲜咖啡?现磨咖啡背后的猫腻你不懂!
2019/03/28 冲泡冲煮
那些年一起学习的PHP(三)
2012/03/22 PHP
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
php查询及多条件查询
2017/02/26 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
Jquery网页出现的乱码问题的三种解决方法
2013/06/30 Javascript
js监听鼠标事件控制textarea输入字符串的个数
2014/09/29 Javascript
使用纯javascript实现放大镜效果
2015/03/18 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
理解 javascript 中的函数表达式与函数声明
2017/07/07 Javascript
利用Three.js如何实现阴影效果实例代码
2017/09/26 Javascript
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
vue-cli项目修改文件热重载失效的解决方法
2018/09/19 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
2020/11/16 Javascript
Python学习小技巧之列表项的推导式与过滤操作
2017/05/20 Python
python之django母板页面的使用
2018/07/03 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
使用 Django Highcharts 实现数据可视化过程解析
2019/07/31 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
flask 框架操作MySQL数据库简单示例
2020/02/02 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
洲际酒店集团大中华区:IHG中国
2016/08/17 全球购物
PHP面试题及答案二
2015/05/23 面试题
开会迟到检讨书
2014/02/03 职场文书
公务员试用期满考核材料
2014/05/22 职场文书
农村优秀教师事迹材料
2014/08/27 职场文书
内乡县衙导游词
2015/02/05 职场文书
旗帜观后感
2015/06/08 职场文书
勇敢的心观后感
2015/06/09 职场文书
小学三年级数学教学反思
2016/02/16 职场文书
导游词之青岛太清宫
2019/12/13 职场文书