ajax

Ajax是异步JavaScript和XML，用于在Web页面中实现异步数据交互。

优点：

可以使得页面不重载全部内容的情况下加载局部内容，降低数据传输量

避免用户不断刷新或者跳转页面，提高用户体验

缺点：

对搜索引擎不友好（

要实现Ajax下的前后退功能成本较大

可能造成请求数的增加

跨域问题限制

JSON是一种轻量级的数据交换格式，ECMA的一个子集

优点：轻量级、易于人的阅读和编写，便于机器（JavaScript）解析，支持复合数据类型（数组、对象、字符串、数字）

1. 首先，先来看看Ajax异步请求基本过程：在浏览器端使用jQuery通过XMLHttpRequest发送请求，服务器接收请求后，使用Action处理请求，然后以JSON的数据格式发回处理结果，最后jQuery接收处理结果，并根据结果更新局部网页。

   
2.  

   其次，从上述过程中可以把Ajax实现分为三个部分。

   1、JSON，封装数据。

   2、在服务器端实现Action类，并在struts.xml中配置<action>，使服务器能接收并处理Ajax请求。

   3、在浏览器端使用jQuery发送Ajax请求，并接收处理结果，更新网页。

   
3.  

   然后，分别介绍着三个部分的作用已完成，异步请求技术。

   1、JSON是浏览器和服务器之间交换数据的一种轻量级对象。其语法结构为：

   JSON对象的语法：

   {key:value,key:value,.....}

   JSON数组的语法：

   [value,value,....]

   
4.  

   2、jQuery中最常用的发送Ajax请求的方法是$.ajax。下图为一个示例。url为请求的地址，在structs 2中就是请求的<action>的name，type为提交方式，默认是“get”，data是要提交到服务器的数据，一般用JSON类型。dataType是接收的结果类型，一般为JSON类型，success为请求成功后要执行的操作；error则是请求失败后执行的操作。

   
5.  

   3、编写action类，下图给出了一个代码实例。

   
6.  

   4、需要注意的是，为了支持JSON，需要在项目添加以下两个jar包：

   json-lib-2.3-jdk15.jar和struts2-json-plugin-2.3.4.1.jar。

   接下来需要配置<action>。如下图所示。

   步骤阅读
7. 7

   5、上述配置项需要注意这些地方：package需要继承json-default包；其次，<result>的type需要设置为json，表示以JSON对象的方式返回数据。参数includeProperties用来设置需要返回的成员变量。