日期:2014-05-16  浏览次数:20346 次

jquery实例—json/xml数据格式交互

学习资料: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:
  1. total:'2',
  2. rows:[
  3. {id:'3cf32801-6575-444b-bfee-9d96a6cca668',name:'a',description:'aa'},
  4. {id:'a92737a2-ea40-4cb8-9279-e6a5ec5a773d',name:'b',description:'bb'}
  5. ]

jquery 访问

Code:
  1. functionworkunit_list(value){
  2. //console.dir($("workunit"));
  3. $.ajax(
  4. {
  5. type:"POST",
  6. url:'/zzb/register/init_area_list.jsp',
  7. cache:false,
  8. dataType:'json',
  9. data:{id:value},
  10. success:function(result){
  11. //myaction
  12. var_total=result.total;
  13. var_rows=result.rows;
  14. for(vari=0;i<_total;++i){
  15. alert(_rows[i].id+_rows[i].name);
  16. }
  17. },
  18. failure:function(result){
  19. //dosomething
  20. }
  21. });
  22. }