11.6 常用的Ajax标签
struts2为了简化Ajax过程,提供了一些常用的Ajax标签。可以满足一般的Ajax需求,对于一些更为复杂的Ajax通信过程,我们可以使用后加的JSON插件来实现。
11.6.1 div标签
div标签在页面上生成一个Div元素,但这个Div元素的内容不是静态内容,而是从服务器获取的内容。为了让该div标签能取得服务器的数据,必须为该div标签指定一个(1)href属性,这个属性必须是一个Action,该Action负责生成该Div元素的内容。
---------------------------------------------------------------------------------------------------------------------------------------------
提示:因为div标签是一个Ajax标签,因此应为该标签增加theme=“ajax”属性。
---------------------------------------------------------------------------------------------------------------------------------------------
还可以指定该div标签生成的Div元素以固定的频率来更新自身的内容,为了指定更新频率和更新延迟,可以指定如下两个属性:
(2) updateFreq:指定更新Div内容的时间间隔,单位是ms。如果不指定该属性,则只在页面加载时更新该Div的内容。
(3)delay:指定更新Div内容的时间延迟,单位是ms。如果不指定,且指定了updateFreq 属性,则页面加载后立即开始计时,准备刷新该Div的内容。如果没有指定updateFreq属性,则该属性没有任何意义。
如果服务器的响应包含了JavaScript代码,且希望在本页面内执行服务器响应的JavaScript 代码,则可以为该div标签指定(4)executeScripts=“true”。
看下面的页面代码:
<%@ page contentType="text/html;charset=GBK" language="java" %>
< %@ taglib prefix="s" uri="/struts-tags" %>
< html>
< head>
< title>远程Div
< s:head theme="ajax" />
< /head>
< body>
仅一次获取服务器内容的Div
theme="ajax" cssStyle="border:lpx solid black; background-color:#dddddd; width:3000px;height:40px;padding-top:8px;padding-left:20px" href="%{rd} " > 初始化文本
动态更新内容的Div,每隔1s刷新一次(通过指定updateFreq=“1000”)
theme="ajax" cssStyle="border:lpx solid black; background-color:#dddddd; width:3000px;height:40px;padding-top:8px;padding-left:20px" href="%{rd} " updateFreq=“1000” indicator=“indicator”> 初始化文本
alt="Loading... style="display:none"/>< br>
3s之后才开始更新(通过指定delay="3000")
指定与服务器互交出错的提示(通过指定errorText属性)
指定与服务器互交过程中的提示(通过指定loadText属性)
theme="ajax" cssStyle="border:lpx solid black; background-color:#dddddd; width:3000px;height:40px;padding-top:8px;padding-left:20px" href="%{rd} " updateFreq="1000" delay ="3000" errorText ="加载服务器数据出错" loadingText="正在加载服务器内容"> 初始化文本
指定显示系统出错提示(通过指定showErrorTransportText="true")
theme="ajax" cssStyle="border:lpx solid black; background-color:#dddddd; width:3000px;height:40px;padding-top:8px;padding-left:20px" href="/AjaxNoUrl.jsp" updateFreq="1000" showErrorTransportText="true" loadingText="正在加载服务器内容"> 初始化文本
执行服务器脚本(通过指定executeScripts="true")
theme="ajax" cssStyle="border:lpx solid black; background-color:#dddddd; width:3000px;height:40px;padding-top:8px;padding-left:20px" href=”%{test}“ updateFreq=”2000“ executeScripts=”true“ loadingText=”正在加载服务器内容“> 初始化文本
< /body>
< /html>
上面的div标签还使用了如下两个Ajax标签的通用属性:
(1)showErrorTransportText:设置是否显示服务器的错误信息。
(2)loadingText:设置当服务器响应还未加载时的显示信息。
上面div标签请求的第一个Aciton是rando.action,该Action对应的的JSP页面代码如下://输出一个服务器端的随机数字
服务器返回的随机数字是:
第二个Action是Test3.action,这个Action对应的JSP页面代码如下:
< script language="JavaScript" type="text/javascript">
alert('Spring2.0宝典');
< /script>
//输入页面内容
轻量级J2EE企业应用实战
alert('基于J2EE的Ajax宝典');
< /script>
第二个Action对应的JSP页面中有JavaScript代码,为了在目标页面中执行js代码,需要在div标签中指定executeScripts=“true”。
在本实例中,指定div标签中href属性时,用的是以下方法:
href=" %{test} "
对于test变量的值,必须使用url标签来生成该变量的值。如下:
< s:url id="test" value="/Test3.action" />
---------------------------------------------------------------------------------------------------------------------------------------------
注意:Struts2要求所有的Ajax标签指定href属性时,都应该指向一个由url标签生成的变量,而不是直接给出Action名
---------------------------------------------------------------------------------------------------------------------------------------------
在div标签中指定了一个handler属性,该属性指向一个JavaScript函数。这意味着每次是该Div内容刷新时,该JavaScript函数都会被调用。一旦div标签指定了handler属性,则该div标签的herf属性所指定的属性值将完全失去作用。
除此之外,div标签还可以将一个表单里包含的表单域转换成对应的请求参数,并且把这些请求参数发送给远程服务器。为了让一个div标签发送表单里包含的表单域,属性如下:(5)formId:该属性的属性值为一个表单元素的ID
除此之外,为了通过在JavaScript代码中手动控制div标签启动自动更新,关闭自动更新,
可以指定以下两个属性:
(6)startTimerListenTopics:该属性设置一个监听的事件主题,当有Struts2组件向该主题发布事件时,该div标签的计时器被启动。
(7)stopTimerListenTopics:该属性设置一个监听的事件主题,当有Struts2组件向该主题发布事件时,该div标签的计时器被关闭。
P391的一个例子,示范了上面三个属性的用法。
chain:基本用途是构造成一条动作链。前一个Action将控制权转交给后一个Action,而前一个Action的状态在后一个Action里仍然保持着。 我现在有一个场景,FirstAction 通过chain的方式,将控制权交给SecondAction。FirstAction对应的页面代码为first.ftl,SecondAction对应的页面代码为second.ftl。 假设我们的FirstAction如下定义: public class SecondAction extends ActionSupport{ private CustomUser user = null; public String execute() throws Exception { // 利用user做事情或显示在页面上 } // getter setter } 意思很明确了,通过first.ftl的输入,到DB中或其他,生成了我们的CustomUser对象,这个CustomUser对象将要在SecondAction使用。 于是我们想到了要配置FirstAction 的name为toSecond的Result type为chain,将生成的CustomUser对象传递到SecondAction中, 我们也这样做了,但是经过调试,发现在SecondAction中没有得到FirstAction中的CustomUser对象。 SecondAction是这样实现的: public class SecondAction extends ActionSupport{ private CustomUser user = null; public String execute() throws Exception { // 利用user做事情或显示在页面上 } // getter setter } 看一下ChainingInterceptor.java的实现,发现有这样的注释: An interceptor that copies all the properties of every object in the value stack to t he currently executing object.
--------------------------------------装--------------------------------------订------------------------------线---------------------------------------- **学院课程考试试卷 课程名称:《使用Struts2开发基于MVC设计模式的企业级应用》(A)卷 年级:班级: 姓名:_______________ 学号:_________________ 考试(考查) 闭卷 选择题(每题2分,共计100分) 1.在控制器类中一般需要添加相应属性的( A )和(C )。(选两项) A.setter方法 B.as方法 C.getter方法 D.is方法 2.业务控制器需要在( B )配置文件中进行配置 A.web.xml B.struts.xml C.struts2.xml D.webwork.xml 3.不属于Struts 2表单标签库的是( D )。 A.
说明:本实例使用的是echart3,jquery1.8.1 1)struts的web.xml配置代码如下: