本文主要為大家詳細介紹了JQuery ajax請求struts action實現非同步刷新，具有一定的參考價值，有興趣的夥伴們可以參考一下，希望能幫助大家。
這個範例是用JQuery ajax和struts來做的一個小範例，在這個範例中採用兩種方式將java Util中的list轉換成支json的格式，第一種是用json-lib.jar這個jar包來轉換，第二種是採用goole的gson-2.1.jar來轉換，大家可以根據需要導入對應的jar包，在這裡為了做測試將兩種jar包都導入了。下面開始進入正題
第一步：導入相關jar包，本範例需導入struts相關jar包，json-lib.jar，gson-2.1.jar可以任意選擇，但是這裡需要都導入，因為為了做測試，兩種jar包的轉換方式都用到了。
第二步：設定web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.php.cn/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
<display-name></display-name>
<!-- 声明Struts2的前端控制器 -->
<filter>
<filter-name>struts2</filter-name>
<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<!-- 声明Spring的ContextListener，负责上下文一加载立即创建BeanFactory -->
<context-param> <!-- 若applicationContext.xml没有放在WEB-INF下或者不叫这个名字，必需声明此参数 -->
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext.xml</param-value>
</context-param>
</web-app>
登入後複製
第三個步驟：新struts.xml ,預設admin/下跳到/WEB-INF/index.jsp
#
<?xml version="1.0" encoding="UTF-8" ?>
<!-- <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> -->
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://www.yxccc.com/news/">
<struts>
<package name="bg" namespace="/" extends="struts-default">
<default-action-ref name="index"/>
<!-- =================基础跳转====================== -->
<action name="index">
<result>/WEB-INF/index.jsp</result>
</action>
</package>
</struts>
登入後複製
第四步：寫AjaxRequestAction.java文件，這裡做了兩種請求，一種是直接請求到字串，另一種是請求到一組數組格式的數據，但該數據必須轉換成JSON支援的數組，具體如下
package com.fengqi.action;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import org.apache.struts2.ServletActionContext;
import com.google.gson.Gson;
import com.opensymphony.xwork2.ActionSupport;
/**
* 创建时间：2014-10-24，ajax请求的action样例
*/
public class AjaxRequestAction extends ActionSupport{
private String sex;
@Override
public String execute() throws Exception {
return super.execute();
}
/**
* ajax请求，以json格式的字符串响应请求
*/
public void ajaxString(){
System.out.println(sex);
//获取相应Response
HttpServletResponse response = ServletActionContext.getResponse();
//设置编码方式
response.setCharacterEncoding("UTF-8");
try {
if(sex.equals("nan")){
response.getWriter().write("我是男的");
}else if(sex.equals("nv")){
response.getWriter().write("我是女的");
}else{
response.getWriter().write("男女都不是");
}
//将数据写到页面中
} catch (IOException e) {
e.printStackTrace();
}
}
/**
* ajax请求，以list的形式响应请求，主要这里的list并不是Util的List，而是经过转换成指出json格式的List
*/
public void ajaxList(){
List<Object> list = new ArrayList<Object>();
list.add("张三");
list.add("李四");
//第一种方法：利用json-lib包中的JSONArray将List转换成JSONArray各式。
JSONArray jsonArray = JSONArray.fromObject(list);
//第二周方法：利用goole的json包将List转换成Json对象。
Gson gson = new Gson();
String gsonList = gson.toJson(list);
//获取相应Response
HttpServletResponse response = ServletActionContext.getResponse();
//设置编码方式
response.setCharacterEncoding("UTF-8");
try {
//将数据写到页面中
response.getWriter().println(jsonArray);
} catch (IOException e) {
e.printStackTrace();
}
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
}登入後複製
第五步：在將struts.xml檔案更新下，設定AjaxRequestAction.java的存取路徑加入如下程式碼
<package name="ajax" namespace="/ajax" extends="struts-default">
<!-- =================ajax请求跳转====================== -->
<action name="ajax_*" class="com.fengqi.action.AjaxRequestAction" method="ajax{1}">
</action>
</package>登入後複製
最後struts.xml的完整文件是
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://www.yxccc.com">
<struts>
<package name="bg" namespace="/admin" extends="struts-default">
<default-action-ref name="index"/>
<!-- =================基础跳转====================== -->
<action name="index">
<result>/WEB-INF/index.jsp</result>
</action>
</package>
<package name="ajax" namespace="/ajax" extends="struts-default">
<!-- =================ajax请求跳转====================== -->
<action name="ajax_*" class="com.fengqi.action.AjaxRequestAction" method="ajax{1}">
</action>
</package>
</struts>登入後複製
#第六步：寫index.jsp文件，這裡做了兩種請求，一種是直接請求到字串，另一種是請求到一組數組格式的數據，但該數據必須要轉換成JSON支援的數組，具體如下
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>" rel="external nofollow" >
<title>ajax异步刷新样例测试</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="http://www.yxccc.com/css/css.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#hh1").click(function(){
$.ajax({
url:"ajax/ajax_String",//请求url
data:{sex:$("#txt1").val()},
success:function(data){//请求返回的数据
$("p").html(data);//将数据打印到页面的p中
}
});
});
$("#hh2").click(function() {
$.ajax({
url: "ajax/ajax_List",//请求url http://www.yxccc.com
//cache: false,
type: "POST", //请求头，这里是post
datatype: 'json', //请求数据各式，这里是json格式
success: function(data,status){
data = $.parseJSON(data); //将字符串格式的数据转换成json对象
//这里将option元素移除是考虑到如果在页面不刷新的情况下多次请求，会产生数据累加，不符合业务需求,因此需先删除在增加元素。
$("option").remove();
$("select").append("<option>请选择</option>");//在select元素下添加option子元素。
$(data).each(function(i){ //遍历请求相应的data数据
$("select").append("<option>"+data[i]+"</option>");
})
}
});
});
});
</script>
</head>
<body>
<br>
<h2 align="center">这里是ajax请求Demo，该实例是请求Struts中的action</h2> <br>
<button id="hh1">请求返回常规字符串</button>
<button id="hh2">请求返回JSON格式的List</button><br><br>
<p>这里是p元素</p><br>
请选择性别:<select id="txt1" name="sex">
<option>请选择</option>
<option value="nan">男</option>
<option value="nv">女</option>
</select><br><br>
<select>
<option>select选择</option>
</select>
</body>
</html>登入後複製
這樣一個簡單的ajax請求就已經完成了。
相關推薦：
手寫Ajax實作異步刷新的範例方法
php+jQuery+Ajax簡單實作頁面異步刷新_php實例
基於JQuery實作非同步刷新的程式碼(轉載)_jquery
以上是jQuery ajax請求struts action實作非同步刷新實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！
