`

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

    博客分类:
  • ajax
阅读更多

学习资料: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. }
分享到:
评论

相关推荐

    jquery json分页实例

    这个实例展示了如何结合jQuery的Ajax功能和JSON数据格式来实现无刷新分页,提高了用户界面的响应性和互动性。在实际项目中,还可以考虑添加缓存机制、错误处理、分页效果等增强功能,以进一步提升用户体验。

    jquery与java交互通过json传递数据的经典实例

    本实例将详细介绍如何利用jQuery与Java通过JSON进行数据交互,帮助开发者理解并掌握这一重要技能。 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。在jQuery中,AJAX...

    SpringMVC利用Ajax,JQuery交互Json

    使用`JSON.stringify()`将JavaScript对象转换为Json字符串,并设置`contentType`来告知服务器数据格式。 总结,通过SpringMVC、Ajax和JQuery,我们可以实现高效的前后端数据交互,使Web应用更加动态和用户友好。...

    整合jquery+json+struts2异步提交实例

    在这个实例中,“整合jquery+json+struts2异步提交”是一个典型的前端与后端交互的示例,利用了jQuery的Ajax功能和Struts2框架处理JSON数据。下面我们将详细探讨这些技术及其相互配合的工作原理。 **jQuery** 是一...

    ajax+json实例

    它基于JavaScript的一个子集,数据格式直观,可以直接被JavaScript解析为对象。JSON格式的基本结构包括对象(键值对,用花括号{}包裹)和数组(有序元素集合,用方括号[]包裹)。 **三、AJAX与JSON结合** 在.NET...

    jquery ajax用json传值实例asp.net

    在本文中,我们将深入探讨如何使用jQuery AJAX与ASP.NET一起工作,通过JSON格式传递和接收数据。这非常适合初学者,因为我们将逐步解析整个过程,并提供实际的代码示例。 首先,理解jQuery AJAX的核心概念至关重要...

    简单的ajax/jquery/php/sql 网站用户登陆小实例

    这个实例包含了前端和后端的交互,以及数据库操作,是初学者学习Web开发中AJAX、jQuery、PHP和SQL结合应用的一个理想起点。 首先,让我们从AJAX(异步JavaScript和XML)开始。AJAX允许我们在不刷新整个页面的情况下...

    struts2+jQuery+json 实例

    结合实例,"struts2+jQuery+json 实例"很可能是创建了一个Web应用,用户在前端通过jQuery发送AJAX请求,这些请求可能包含表单数据或者对页面的某些操作。后端Struts2框架接收到请求后,会调用相应的Action执行业务...

    ajax和beego前后端json格式数据交互实例

    在现代Web开发中,前后端的数据交互是必不可少的,而Ajax和Beego框架为我们提供了高效且灵活的方式来进行这种交互,特别是在处理JSON格式的数据时。本文将深入探讨如何使用Ajax与Beego实现前后端间的JSON数据交换。 ...

    struts2+jQuery+json 实例 测试过了 运行成功 从别人那偷来的

    总结来说,这个实例通过结合Struts2的后端控制、jQuery的前端交互和JSON的数据交换,展示了现代Web应用的一种常见开发模式。对于初学者,这是一个很好的学习案例,可以帮助理解如何有效地利用这些技术构建动态、响应...

    jQuery+josn+xml小程序源码

    标题 "jQuery+josn+xml小程序源码" 描述的是一个基于jQuery技术,结合JSON和XML数据格式的小程序源代码。这个程序可能用于演示如何在网页应用中获取、处理和展示XML数据,同时利用jQuery库来增强用户体验。接下来,...

    jquery与json的结合

    在Web开发中,通常利用JSON格式作为数据交换的媒介,特别是在前后端分离的开发模式中,后端API返回的数据通常是JSON格式,前端使用JavaScript解析这些数据来实现动态交互。 2. 使用AJAX获取JSON数据 AJAX...

    Struts2 JQueryJson例子 .rar

    - **数据格式**:JSON由键值对组成,键必须是字符串,值可以是多种数据类型,如字符串、数字、对象、数组等。 - **数据交换**:在前后端之间,JSON常用于传输数据,因为其格式清晰且易于解析。 - **JQuery与JSON*...

    JSON与JQUERY

    1. **JSON数据格式**:理解JSON的基本结构,如对象(键值对的集合,用花括号包围)和数组(有序元素列表,用方括号包围)。学习如何将JavaScript对象转换为JSON字符串(`JSON.stringify()`)以及如何解析JSON数据(`...

    json.rar_JSON_JSON java_ajax json_jquery json jar_json-lib-2.2.2

    2. **json_java.jar**:这个文件可能提供了对Java对象和JSON之间的转换支持,帮助开发者将Java类实例转换成JSON格式,或者将接收到的JSON数据映射回Java对象。 3. **ajax_json.jar**:这个名字暗示这可能是专门为...

    Struts2.x配合JSON和JQuery使用的简单实例

    这个实例将展示如何在Struts2中整合JSON和JQuery来实现动态的数据交互,提高用户体验。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,而JQuery则是一个强大的JavaScript库,它简化了DOM操作、事件...

    jquery 实例教程,包含各种实例

    你可以轻松地发起GET或POST请求,处理JSON、XML或HTML等不同格式的数据响应。例如,`$.ajax({url: "myUrl", type: "GET", success: function(data) {...}})`。 六、插件扩展 jQuery 社区提供了大量的插件,如轮播...

    JSON+js+jquery+ajax基础.zip

    它是基于JavaScript的一个子集,但JSON是独立于语言的,具有数据格式简单、易于读写的特点。在Web开发中,JSON常用于在服务器与客户端之间传输数据,尤其是在AJAX(Asynchronous JavaScript and XML)技术中。 ...

    jquery\xml城市三级联动

    总结起来,"jquery+xml城市三级联动"是一个基于jQuery和XML数据的交互设计实例,它演示了如何利用JavaScript库和结构化数据来创建动态的、响应式的网页组件。通过学习和实践这个项目,开发者可以提升在前端数据交互...

Global site tag (gtag.js) - Google Analytics