strusts使用ajax,Struts2常用的Ajax标签

最新推荐文章于 2021-08-06 10:47:09 发布

weixin_39744230

最新推荐文章于 2021-08-06 10:47:09 发布

阅读量251

点赞数

文章标签： strusts使用ajax

Struts2为了简化Ajax过程，提供了一些常用的Ajax标签，对于一些更复杂的Ajax通信过程，我们可以使用JSON插件来实现。

1，div标签

div标签在页面上生成一个div元素，但这个div元素的内容不是静态内容，而是从服务器获取的内容。必须为该div标签指定一个href属性，这个href属性必须是一个action，该action负责生成该div元素的内容。还可以指定该div标签生成的div元素以固定的频率来更新自身的内容，可以指定如下两个属性：

updateFreq：指定更新div的时间间隔，单位是ms，如果不指定，则只在页面加载时更新该div的内容。

delay：指定更新div内容的时间延迟，单位是ms，如果没有指定updateFreq属性，则该属性没有意义。

如果服务器包含了JavaScript代码，且希望在本页面内执行服务器响应的JavaScript代码，则可以为该div标签标签指定executeScripts="true"。

例子的页面代码如下：

@ page contentType="text/html;charset=GBK"language="java"%>

@ taglib prefix="s"uri="/struts-tags"%>

远程Div

仅一次获取服务器内容的Div

theme="ajax"

cssStyle="border: 1px solid black;background-color:#dddddd;

width:300px;height:40px;padding-top:8px;padding-left:20px" href="%{rd}">初始化文本

动态更新内容的Div，每隔1s刷新一次(通过指定updateFreq="1000")使用indicator(通过指定indicator="indicator") theme="ajax" cssStyle="border: 1px solid black;background-color:#dddddd;

width:300px;height:40px;padding-top:8px;padding-left:20px" href="%{rd}" updateFreq="1000" indicator="indicator">初始化文本

"style="display:none"/>3s之后才开始更新(通过指定delay="3000")指定与服务器交互出错的提示(通过指定errorText属性)指定与服务器交互过程中的提示(通过指定loadText属性) theme="ajax" cssStyle="border: 1px solid black;background-color:#dddddd;

width:300px;height:40px;padding-top:8px;padding-left:20px" href="%{rd}"//使用变量来指定URL

updateFreq="1000" delay="3000" errorText="加载服务器数据出错" loadingText="正在加载服务器内容">初始化文本

指定显示系统出错提示(通过指定showErrorTransportText="true") theme="ajax" cssStyle="border: 1px solid black;background-color:#dddddd;

width:300px;height:40px;padding-top:8px;padding-left:20px" href="/AjaxNoUrl.jsp" updateFreq="1000" showErrorTransportText="true" loadingText="正在加载服务器内容">初始化文本

执行服务器脚本(通过指定executeScripts="true")

theme="ajax" cssStyle="border: 1px solid black;background-color:#dddddd;

width:300px;height:40px;padding-top:8px;padding-left:20px" href="%{test}" updateFreq="9000" executeScripts="true" loadingText="正在加载服务器内容">初始化文本

random.action的处理Action和JSP页面内容如下：

publicclassRandomActionimplementsAction{

privateString data;

publicString getRdmStr(){

String result=String.valueOf(Math.round(Math.random()*10000));

returndata!=null&&!data.equals("")?data+result : result;

}

publicvoidsetData(String data){

this.data=data;

}

publicString getData(){

returnthis.data;

}

publicString execute(){

returnSUCCESS;

}}

@ page contentType="text/html;charset=GBK"language="java"%>

@ taglib prefix="s"uri="/struts-tags"%>

request.setAttribute("decorator","none");

response.setHeader("Cache-Control","no-cache");//HTTP1.1 response.setHeader("Pragma","no-cache");//HTTP1.0 response.setDateHeader ("Expires",0);//prevents caching at the proxy server

System.out.println("----------");

服务器返回的随机数字是：

第二个Action是直接的JSP页面，页面包含JavaScript代码，页面内容如下：

@ page contentType="text/html;charset=GBK"language="java"%>

request.setAttribute("decorator","none");

response.setHeader("Cache-Control","no-cache");//HTTP1.1 response.setHeader("Pragma","no-cache");//HTTP1.0 response.setDateHeader ("Expires",0);//prevents caching at the proxy server

alert('Spring2.0宝典');

轻量级J2EE企业应用实战

alert('基于J2EE的Ajax宝典!');

如果我们不需要该div调用远程Java方法，而是定期执行某个JavaScript函数，则可以为该div标签指定一个handler属性，该属性的值为该JavaScript函数。如下例子JSP页面代码：

@ page contentType="text/html;charset=GBK"language="java"%>

@ taglib prefix="s"uri="/struts-tags"%>

远程Div

functionhandler(widget, node){

alert('本地JavaScript函数处理动态Div');

node.innerHTML=Math.random()>0.4?"Spring2.0宝典":"轻量级J2EE企业应用实战";

}

直接使用本页面的JS函数，不再调用远程服务器

theme="ajax"

cssStyle="border: 1px solid black;background-color:#dddddd;

width:300px;height:40px;padding-top:8px;padding-left:20px" href="%{rd}"//此时的href属性无效

updateFreq="2000" handler="handler">初始化文本

此外，div标签还可将一个表单里包含的表单域转换成对应的请求参数，并且把这些请求参数发送给远程服务器。为了让一个div标签发送表单里包含的表单域，可以为该div标签指定如下属性：

fromId：该属性的属性值为一个表单元素的ID，表明该div标签会把该表单里的表单域作为参数来发送。

为了通过在JavaScript代码中手动控制div标签启动自动更新，关闭自动更新，则可以为该div标签指定如下两个属性：

startTimerListenTopics：该属性设置一个监听的事件主题，当有Struts2组件向该主题发布事件时，该div标签的计时器被启动。

stopTimerListenTopics：该属性设置一个监听的事件主题，当有Struts2组件向该主题发布事件时，该div标签的计时器被关闭。

例子的JSP页面代码如下：

@ page contentType="text/html;charset=GBK"language="java"%>

@ taglib prefix="s"uri="/struts-tags"%>

远程Div

varcontroller={

refresh :function(){alert("手动刷新");},

start :function(){alert("启动自动刷新");},

stop :function(){alert("停止自动刷新");}};

//将controller的refresh方法注册成/refresh主题的发布者dojo.event.topic.registerPublisher("/refresh", controller,"refresh");

//将controller的start方法注册成/startTimer主题的发布者dojo.event.topic.registerPublisher("/startTimer", controller,"start");

//将controller的stop方法注册成/stopTimer主题的发布者dojo.event.topic.registerPublisher("/stopTimer", controller,"stop");

//为after主题指定一个事件处理函数

dojo.event.topic.subscribe("/after",function(data, type, e){

alert('与服务器交互过程中. 现在的过程类型是：'+type);

//data : text returned//type : "before", "load" or "error"//e : request object});

使用pub-sub机制(通过指定listenTopics等属性)发送表单请求参数(通过指定formId="form") theme="ajax" cssStyle="border: 1px solid black;background-color:#dddddd;

width:300px;height:40px;padding-top:8px;padding-left:20px" href="%{rd}" loadingText="正在加载服务器内容

" listenTopics="/refresh"//加载服务器响应

startTimerListenTopics="/startTimer"//当有startTimer事件发布时启动计数器

stopTimerListenTopics="/stopTimer"//当有stopTimer事件发布是停止计数器

updateFreq="9000" autoStart="true"//加载此页面时自动启动计数器

formId="form"//指定表单的ID

notifyTopics="/after">//指定主题名为after，其它的事件都会发布到此主题下

初始化文本

2，a和submit标签

a和submit标签的作用几乎完全一样，除了外在的表现不一样(a标签生成一个超链接，submit标签生成一个提交按钮)。它们都是用于向服务器发送异步请求，并将服务器响应加载在指定的HTML元素中，

href：指定单击这两个标签生成的超链接，按钮时发送请求的URL。

targets：该属性指定HTML元素的ID，该属性设置服务器响应来加载到该属性指定的几个HTML元素上。

executeScripts：设置是否执行远程的JavaScript代码。

handler：指定使用本页面的JavaScript函数作为按钮，超链接的单击事件处理函数，如果指定了此属性，则href属性无效。

此外，这两个标签也支持notifyTopics属性，把load事件发布到指定主题。

loadingText：当服务器响应还未成功装载时，targets属性指定的HTML标签显示的内容。

errorText：当与服务器交互之间存在错误时，targets属性指定的HTML标签显示的内容。

form：设置将form属性指定的表单的表单域作为请求参数发送到服务器。

下面是a标签的例子JSP页面代码：

@ page contentType="text/html;charset=GBK"language="java"%>

@ taglib prefix="s"uri="/struts-tags"%>

远程链结

functionbefore(){alert("before request");}

functionafter(){alert("after request");}functionhandler(widget, node)

{

alert('本地自定义函数');

dojo.byId(widget.targetsArray[0]).innerHTML="Spring2.0宝典";

}

dojo.event.topic.subscribe("/after",function(data, type, e){

alert('正处于Dojo的异步交互过程中，类型是：'+type);

//data : text returned//type : "before", "load" or "error"//e : request object});

Div 1