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 表单验证方法(实用)
Apr 28 Javascript
基于Jquery的动态添加控件并取值的实现代码
Sep 24 Javascript
js 数据类型转换总结笔记
Jan 17 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
jquery ztree实现模糊搜索功能
Feb 25 Javascript
微信小程序 location API接口详解及实例代码
Oct 12 Javascript
Angular2关于@angular/cli默认端口号配置的问题
Jul 15 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 Javascript
vue+elementUI实现表格关键字筛选高亮
Oct 26 Javascript
JavaScript实现原型封装轮播图
Dec 27 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和MySQL保存和输出图片
2006/10/09 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
php实现小程序支付完整版
2018/10/09 PHP
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
2009/04/07 Javascript
为指定元素增加样式的js代码
2009/12/09 Javascript
JavaScript 页面坐标相关知识整理
2010/01/09 Javascript
JavaScript的setAttribute兼容性问题解决方法
2013/11/11 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
2016/04/15 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
2016/05/04 Javascript
javascript 数组的定义和数组的长度
2016/06/07 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
2017/07/10 Javascript
不使用 JS 匿名函数理由
2017/11/17 Javascript
jQuery实现的淡入淡出图片轮播效果示例
2018/08/29 jQuery
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
ES2020 已定稿,真实场景案例分析
2020/05/25 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
[01:09:24]Ti4开幕式
2014/07/19 DOTA
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
Python读取txt文件数据的方法(用于接口自动化参数化数据)
2018/06/27 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
写出程序把一个链表中的接点顺序倒排
2014/04/28 面试题
结构工程个人自荐信范文
2013/11/30 职场文书
自荐信格式简述
2014/01/25 职场文书
四年级学生评语大全
2014/04/21 职场文书
学校班班通实施方案
2014/06/11 职场文书
环境保护标语
2014/06/20 职场文书
离婚案件原告代理词
2015/05/23 职场文书
廉洁自律证明
2015/06/24 职场文书
领导视察通讯稿
2015/07/18 职场文书
2019脱贫攻坚工作总结报告范本!
2019/08/06 职场文书
MySQL 那些常见的错误设计规范,你都知道吗
2021/07/16 MySQL