学习资料: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数据:
- total:'2',
- rows:[
- {id:'3cf32801-6575-444b-bfee-9d96a6cca668',name:'a',description:'aa'},
- {id:'a92737a2-ea40-4cb8-9279-e6a5ec5a773d',name:'b',description:'bb'}
- ]
jquery 访问
- functionworkunit_list(value){
- $.ajax(
- {
- type:"POST",
- url:'/zzb/register/init_area_list.jsp',
- cache:false,
- dataType:'json',
- data:{id:value},
- success:function(result){
- var_total=result.total;
- var_rows=result.rows;
- for(vari=0;i<_total;++i){
- alert(_rows[i].id+_rows[i].name);
- }
- },
- failure:function(result){
- }
- });
- }
分享到:
相关推荐
这个实例展示了如何结合jQuery的Ajax功能和JSON数据格式来实现无刷新分页,提高了用户界面的响应性和互动性。在实际项目中,还可以考虑添加缓存机制、错误处理、分页效果等增强功能,以进一步提升用户体验。
本实例将详细介绍如何利用jQuery与Java通过JSON进行数据交互,帮助开发者理解并掌握这一重要技能。 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。在jQuery中,AJAX...
使用`JSON.stringify()`将JavaScript对象转换为Json字符串,并设置`contentType`来告知服务器数据格式。 总结,通过SpringMVC、Ajax和JQuery,我们可以实现高效的前后端数据交互,使Web应用更加动态和用户友好。...
在这个实例中,“整合jquery+json+struts2异步提交”是一个典型的前端与后端交互的示例,利用了jQuery的Ajax功能和Struts2框架处理JSON数据。下面我们将详细探讨这些技术及其相互配合的工作原理。 **jQuery** 是一...
它基于JavaScript的一个子集,数据格式直观,可以直接被JavaScript解析为对象。JSON格式的基本结构包括对象(键值对,用花括号{}包裹)和数组(有序元素集合,用方括号[]包裹)。 **三、AJAX与JSON结合** 在.NET...
在本文中,我们将深入探讨如何使用jQuery AJAX与ASP.NET一起工作,通过JSON格式传递和接收数据。这非常适合初学者,因为我们将逐步解析整个过程,并提供实际的代码示例。 首先,理解jQuery AJAX的核心概念至关重要...
这个实例包含了前端和后端的交互,以及数据库操作,是初学者学习Web开发中AJAX、jQuery、PHP和SQL结合应用的一个理想起点。 首先,让我们从AJAX(异步JavaScript和XML)开始。AJAX允许我们在不刷新整个页面的情况下...
结合实例,"struts2+jQuery+json 实例"很可能是创建了一个Web应用,用户在前端通过jQuery发送AJAX请求,这些请求可能包含表单数据或者对页面的某些操作。后端Struts2框架接收到请求后,会调用相应的Action执行业务...
在现代Web开发中,前后端的数据交互是必不可少的,而Ajax和Beego框架为我们提供了高效且灵活的方式来进行这种交互,特别是在处理JSON格式的数据时。本文将深入探讨如何使用Ajax与Beego实现前后端间的JSON数据交换。 ...
总结来说,这个实例通过结合Struts2的后端控制、jQuery的前端交互和JSON的数据交换,展示了现代Web应用的一种常见开发模式。对于初学者,这是一个很好的学习案例,可以帮助理解如何有效地利用这些技术构建动态、响应...
标题 "jQuery+josn+xml小程序源码" 描述的是一个基于jQuery技术,结合JSON和XML数据格式的小程序源代码。这个程序可能用于演示如何在网页应用中获取、处理和展示XML数据,同时利用jQuery库来增强用户体验。接下来,...
在Web开发中,通常利用JSON格式作为数据交换的媒介,特别是在前后端分离的开发模式中,后端API返回的数据通常是JSON格式,前端使用JavaScript解析这些数据来实现动态交互。 2. 使用AJAX获取JSON数据 AJAX...
- **数据格式**:JSON由键值对组成,键必须是字符串,值可以是多种数据类型,如字符串、数字、对象、数组等。 - **数据交换**:在前后端之间,JSON常用于传输数据,因为其格式清晰且易于解析。 - **JQuery与JSON*...
1. **JSON数据格式**:理解JSON的基本结构,如对象(键值对的集合,用花括号包围)和数组(有序元素列表,用方括号包围)。学习如何将JavaScript对象转换为JSON字符串(`JSON.stringify()`)以及如何解析JSON数据(`...
2. **json_java.jar**:这个文件可能提供了对Java对象和JSON之间的转换支持,帮助开发者将Java类实例转换成JSON格式,或者将接收到的JSON数据映射回Java对象。 3. **ajax_json.jar**:这个名字暗示这可能是专门为...
这个实例将展示如何在Struts2中整合JSON和JQuery来实现动态的数据交互,提高用户体验。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,而JQuery则是一个强大的JavaScript库,它简化了DOM操作、事件...
你可以轻松地发起GET或POST请求,处理JSON、XML或HTML等不同格式的数据响应。例如,`$.ajax({url: "myUrl", type: "GET", success: function(data) {...}})`。 六、插件扩展 jQuery 社区提供了大量的插件,如轮播...
它是基于JavaScript的一个子集,但JSON是独立于语言的,具有数据格式简单、易于读写的特点。在Web开发中,JSON常用于在服务器与客户端之间传输数据,尤其是在AJAX(Asynchronous JavaScript and XML)技术中。 ...
总结起来,"jquery+xml城市三级联动"是一个基于jQuery和XML数据的交互设计实例,它演示了如何利用JavaScript库和结构化数据来创建动态的、响应式的网页组件。通过学习和实践这个项目,开发者可以提升在前端数据交互...