struts2.1.8版如何使用ajax

Ethan的博客 2011-05-25

展開全文

struts2.1.8版如何使用ajax

2010-07-20 15:32

1.將struts2-dojo-plugin-2.1.8.1.jar加入lib中
2.在需要使用標簽的jsp文件里寫上<%@taglib prefix="sx" uri="/struts-dojo-tags" %>
3.在<head>標簽里寫上<sx:head/>

之后我們就可以開始使用struts2的ajax標簽了

需注意的事項
1、需引入struts2-dojo-plugin-2.1.8.1.jar
2、頁面標簽的變化如下：
ajax.jsp

Java代碼

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ajax Demo</title>
<sx:head/>
</head>
<body>
<h1>Ajax Dmeo:</h1>
<div id="show">一個div</div>
<s:form namespace="/demo" action="ajax!testAjax" method="post">
<s:textfield name="name"></s:textfield>
<sx:submit value="修改上面div的值" targets="show"></sx:submit>
</s:form>
</body>
</html>

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%><!-- 注意 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ajax Demo</title>
<sx:head/><!-- 注意 -->
</head>
<body> 
<h1>Ajax Dmeo:</h1>
<div id="show">一個div</div>
<s:form namespace="/demo" action="ajax!testAjax" method="post"><!-- 注意 -->
<s:textfield name="name"></s:textfield>
<sx:submit value="修改上面div的值" targets="show"></sx:submit><!-- 注意 -->
</s:form>
</body>
</html>

Java代碼

package cn.ibeans.demo.web.action;
import org.apache.log4j.Logger;
import org.apache.struts2.convention.annotation.Namespace;
import org.apache.struts2.convention.annotation.Result;
import org.apache.struts2.convention.annotation.Results;
import com.opensymphony.xwork2.ActionSupport;
@Namespace("/demo")
@Results({
@Result(name="ok",location="ajaxResult.jsp")
})
public class AjaxAction extends ActionSupport {
private static Logger log= Logger.getLogger(AjaxAction.class);
private String data;
public String getData() {
return "服務器的返回值："+data;
}
public void setData(String data) {
this.data = data;
}
public String testAjax() throws Exception{
log.info("ajax 調(diào)用成功！");
return "ok";
}
@Override
public String execute() throws Exception {
log.info("ajax 調(diào)用成功！");
return super.SUCCESS;
}
}

package cn.ibeans.demo.web.action;
import org.apache.log4j.Logger;
import org.apache.struts2.convention.annotation.Namespace;
import org.apache.struts2.convention.annotation.Result;
import org.apache.struts2.convention.annotation.Results;
import com.opensymphony.xwork2.ActionSupport;
@Namespace("/demo")
@Results({
@Result(name="ok",location="ajaxResult.jsp")
})
public class AjaxAction extends ActionSupport {
private static Logger log= Logger.getLogger(AjaxAction.class);
private String data;
public String getData() {
return "服務器的返回值："+data;
}
public void setData(String data) {
this.data = data;
}
public String testAjax() throws Exception{
log.info("ajax 調(diào)用成功！");
return "ok";
}
@Override
public String execute() throws Exception {
log.info("ajax 調(diào)用成功！");
return super.SUCCESS;
}
}

ajaxResult.jsp:

Java代碼

<%@ taglib prefix="s" uri="/struts-tags" %>
<%
request.setAttribute("decorator", "none");
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
System.out.println("ajaxResult.jsp is called");
%>
Result: <s:property value="data"/><br/>

<%@ taglib prefix="s" uri="/struts-tags" %>
<%
request.setAttribute("decorator", "none");
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
System.out.println("ajaxResult.jsp is called");
%>
Result:  <s:property value="data"/><br/>

這樣ajaxResult.jsp的內(nèi)容將會出現(xiàn)在ajax.jsp的id="show"的div中