Struts2|Struts2 对 Ajax的支持服务器|异步|ajax|struts2|Ajax

Preface:
Ajax改变了传统的用户请求一等待一响应这种web交互模式，采用异步交互机制避免了用户对服务器响应的等待，大大提高了用户体验。同时它也改变了用了用户请求一服务器响应一整个页面刷新的方式，提供了页面局部刷新的实现机制。

作为一个新兴的框架，Struts 2 对 Ajax 提供了很多的支持。Struts 2.0内置了对Dojo工具包的支持，而Struts 2.1 中将 Dojo抽取出来以单独插件存在，两者均提供了基于Dojo的Ajax标签，对 Ajax 操作进行了进一步的封装，从而可以更加快捷容易地使用Ajax.

是不是很心动想知道Struts 2 是怎么支持Ajax .
1.Struts 2.1 开发包 lib 目录下的 st.将ruts2-dojo-plugin-2.1.x.x.jar 文件复制到web应用的WEB-INF\lib目录下。
2.在需要使用Ajax标签的JSP 页面中加入head标签。在页面上导入 Dojo 所需要的 CSS库和JavaScript 库，代码如下

Struts 2.1 的Ajax 标签主要有如下几个：
1. 创建一个div区域,可以通过Ajax 向其中加载内容。以实现局部刷新
2. 通过Ajax 更新某个元素的内容或提交表单
3. 创建一个标签，由提供内容。
4.根据用户的输入提供输入建议。或者帮助用户自动完成输入。
5.创建一个支持Ajax 的树形组件（Widget）.

对标签进行一一分析：

1.div 标签：
标签在页面中生成一个HTML div 标签，标签的内容可以通过异步请求获取以实现局部内部更新。
标签的主要属性

属性	说明
href	异步请求的资源地址
cssClass	指定div的class属性
updateFreq	自动更新div 内容的间隔，以毫秒为单位
autoStart	页面加载后是否启动定时器。默认为 true
delay	第一个异步请求开始之前等待的时间。以毫秒为单位
executeScript	执行服务器返回内容中的JavaScript代码，默认为 false.
formId	指定表单id,表单字段将被序列化并作为参数传递
indicator	当请求正在处理时具有这个id的元素将被显示
loadText	当请求正在处理时显示的文本
errorText	当情求失败时显示的文本

下面就一个例子：
案例要求：
1.有3个不同
div1 是的显示用户访问的时间：
div2的请求的是用户的请求的内容
div3参照物

下面编写的是deTest.jsp

%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> div标签 - 锐客网初始的内容。初始的内容。初始的内容。

(2).编写请求页面 time.jsp和welcome.jsp

time.jsp

你该稍微休息一下了。你已经访问的时间：秒。

welcome.jsp

welcome to BeiJing

(3)编制struts.xml

/asyn/time.jsp/asyn/welcome.jsp

这里是省略了class ，默认是使用的ActionSupport
4.部署运行项目
(1).初始化进入这个页面，

文章图片

2.ajax 后效果图刷新5秒后

文章图片

二、submit 和 a 标签
1. 标签用来以普通方式提交表单，而用于异步提交表单，还可以使用异步请求返回的数据更新新HTML元素（通常是div）的内容。
的作用和完全相同。只是外在表现方式不同，一个生成超链接。一个是生成按钮，
和相比，外在表现方式相同，作用上有着很大区别。
和

属性	说明
href	异步请求的资源地址
targets	被更新的元素列表，以逗号分开
formId	指定表单id，表单字段将被序列化并作为参数传递
executeScript	执行服务器返回内容中的JavaScript 代码 ,默认为false
indicator	当请求正在处理时具有这个id的元素将被显示
loadtext	当请求正在处理时显示的文本
errorText	当请求失败时显示的文本

2.举一个例子：
1. 案例描述：
（1）.用户在房屋信息列表页面单击“登录”链接后。
（2）.不是跳转至登录页面，而是在房屋信息列表显示登录表单。
2.业务分析：
1.登录页面
(1) aTest.jsp

submit和a标签 - 锐客网用户登录第一个DIV，显示登录菜单。第二个DIV，显示登录结果。

2. 创建登录页面
login.jsp

用户登录我也可以提交表单

3.创建LoginAction

package action; import com.opensymphony.xwork2.ActionSupport; public class LoginAction extends ActionSupport { private String username; private String password; public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public String execute() { if ("jbit".equals(username) && "bdqn".equals(password)) return SUCCESS; else return ERROR; } }

4.配置struts.xml