1. 爱易网页
  2. JavaSript
  3. jquery范例—json/xml数据格式交互

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

日期：2014-05-16　 浏览次数：20379 次

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. }

相关资料更多>

  1. jsp页面临form中提交list（批量提交）
  2. javascript中暂停效能
  3. 问一个读取xml，显示节点的有关问题
  4. 运用 JSON 进行数据传输
  5. js兑现loading遮套层
  6. 关于js批改地址栏参数
  7. JSTL1.2上载
  8. 用JavaScript获取Table三拇指定的行、列
  9. jQuery放入myEclipse有错,该怎么处理