jquery实例—json/xml数据格式交互
2011-04-07 10:08
741 查看
学习资料:jquery实例 来自:http://www.docin.com/p-49517445.html
jquery实例 级联的省市 来自:http://tuzwu.iteye.com/blog/657804
xml与json的比较
1.可读性
json和xml的可读性可谓不相上下,一边是建议的语法,一边是规范的标签形式,很难分出胜负。
2.可拓展性
xml天生有很好的扩展性,【哈哈,天生的】json当然也有,没有什么事xml能拓展,json不能的。
3.编码难度
xml有丰富的编码工具,比如Dom4j,JDom等,json也有json.org提供的工具,但是json的编码明显比xml容易许多,即使不借助工具也能写出json的代码,可是要写好xml就不太容易了。
4.解码难度
xml的解析得考虑子节点父节点,让人头昏眼花,而Json的解析难度几乎为0.这一点Xml输的真是没话说。
这也只是一家之言而已。会则易,不会则难。就做应用而言个人觉得系统的性能,维护性,拓展性要侧重思索下。作为初学者贴个简单的例子:
后台返回来的json数据:
Code:
total: '2',
rows : [
{ id : '3cf32801-6575-444b-bfee-9d96a6cca668', name : 'a', description : 'aa' },
{ id : 'a92737a2-ea40-4cb8-9279-e6a5ec5a773d', name : 'b', description : 'bb' }
]
jquery 访问
Code:
function workunit_list(value){
// console.dir($("workunit"));
$.ajax(
{
type: "POST",
url: '/zzb/register/init_area_list.jsp',
cache:false,
dataType: 'json',
data :{id : value},
success: function(result) {
//my action
var _total = result.total;
var _rows = result.rows;
for(var i=0; i < _total;++i){
alert(_rows[i].id+ _rows[i].name);
}
},
failure: function(result){
//do something
}
});
}
jquery实例 级联的省市 来自:http://tuzwu.iteye.com/blog/657804
xml与json的比较
1.可读性
json和xml的可读性可谓不相上下,一边是建议的语法,一边是规范的标签形式,很难分出胜负。
2.可拓展性
xml天生有很好的扩展性,【哈哈,天生的】json当然也有,没有什么事xml能拓展,json不能的。
3.编码难度
xml有丰富的编码工具,比如Dom4j,JDom等,json也有json.org提供的工具,但是json的编码明显比xml容易许多,即使不借助工具也能写出json的代码,可是要写好xml就不太容易了。
4.解码难度
xml的解析得考虑子节点父节点,让人头昏眼花,而Json的解析难度几乎为0.这一点Xml输的真是没话说。
这也只是一家之言而已。会则易,不会则难。就做应用而言个人觉得系统的性能,维护性,拓展性要侧重思索下。作为初学者贴个简单的例子:
后台返回来的json数据:
Code:
total: '2',
rows : [
{ id : '3cf32801-6575-444b-bfee-9d96a6cca668', name : 'a', description : 'aa' },
{ id : 'a92737a2-ea40-4cb8-9279-e6a5ec5a773d', name : 'b', description : 'bb' }
]
jquery 访问
Code:
function workunit_list(value){
// console.dir($("workunit"));
$.ajax(
{
type: "POST",
url: '/zzb/register/init_area_list.jsp',
cache:false,
dataType: 'json',
data :{id : value},
success: function(result) {
//my action
var _total = result.total;
var _rows = result.rows;
for(var i=0; i < _total;++i){
alert(_rows[i].id+ _rows[i].name);
}
},
failure: function(result){
//do something
}
});
}
相关文章推荐
- 基于jquery异步传输json数据格式实例代码
- PHP JSON格式数据交互实例代码详解_php技巧_脚本之家
- S2SH+ajax+json-----jQuery中$.ajax解析xml、json格式数据
- PHP JSON格式数据交互实例详解
- JSON数据格式以及与后台交互数据转换实例
- PHP JSON格式数据交互实例详解
- json格式数据在前台与后台之间交互实例
- jQuery解析json格式数据简单实例
- jQuery解析json格式数据简单实例
- PHP JSON格式数据交互实例代码详解
- PHP JSON格式数据交互实例代码详解
- JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
- jQuery中$.ajax解析xml、json格式数据
- javascript解析ajax返回的xml和json格式数据实例详解
- 【jquery】前端数据格式:json、xml对比
- jquery使用each方法遍历json格式数据实例
- JSON数据格式以及与后台交互数据转换实例
- PHP JSON格式数据交互实例详解
- jquery使用each方法遍历json格式数据实例
- JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例