JQuery读取Json数据之解析多维Json数据格式
来源:互联网 发布:java xmlencoder 编辑:程序博客网 时间:2024/05/16 11:03
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的读取也是类似。
文章来自学IT网:http://www.xueit.com/html/2009-09-30/33-88152284993.html
{"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的读取也是类似。
文章来自学IT网:http://www.xueit.com/html/2009-09-30/33-88152284993.html
0 0
- JQuery读取Json数据之解析多维Json数据格式
- JQuery 解析多维的Json数据格式
- 数据格式之解析Json
- 数据格式之解析Json
- 数据格式之解析Json
- App数据格式之解析Json
- App数据格式之解析Json
- App数据格式之解析Json
- App数据格式之解析Json
- Android数据格式之解析Json
- App数据格式之解析Json
- App数据格式之解析Json
- json数据格式之Gson解析
- jQuery读取JSON数据
- asp.net中Jquery解析json数据格式
- cocos2dx 解析数据之读取JSON文件
- jquery解析json数据
- jquery解析json数据
- Web Services的身份验证
- 图片自动大小
- VS2008 AJAX扩展控件包AjaxControlToolkit介绍
- jquery官方网地址
- 实战:当jquery遇上了json
- JQuery读取Json数据之解析多维Json数据格式
- 易用的JQuery上传插件Uploadify
- ERP系统
- jquery uploadify插件可选参数的详细介绍
- JQuery上传插件Uploadify详解及其中文按钮解决方案
- jquery插件介绍(一)
- jquery插件介绍(二)
- jquery插件介绍(三)
- jquery插件介绍(四)