第一步:首先加载架包
commons-beanutils-1.8.0.jar
commons-collections-3.1.jar
commons-fileupload-1.3.jar
commons-io-2.0.1.jar
commons-lang3-3.1.jar
ezmorph-1.0.6.jar
freemarker-2.3.19.jar
javassist-3.11.0.GA.jar
json-lib-2.4-jdk15.jar
ognl-3.0.6.jar
struts2-core-2.3.15.1.jar
struts2-json-plugin-2.3.16.jar
xwork-core-2.3.15.1.jar
WebContent下js文件夹下的JS架包
jquery-1.10.2.js
第二步:web.xml 中配置核心过滤器
<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>
第三步:写实体类,和action类:写入get和set方法
package com.gao.entity;
import java.io.Serializable;
/*@SuppressWarnings("serial")*/
public class User implements Serializable
{
private static final long serialVersionUID = 7229537350316373019L;
private int id;
private String username;
private String pwd;
设置getter和setter方法,此处略
}
action类:
package com.gao.action;
import net.sf.json.JSONObject;
import com.gao.entity.User;
import com.opensymphony.xwork2.ActionSupport;
public class JsonAction extends ActionSupport
{
private static final long serialVersionUID = -3836248694117000328L;
private User user;
private String result;
此处getter和setter略
@Override
public String execute() throws Exception
{
// 将要返回的实体对象进行json处理
JSONObject json = JSONObject.fromObject(user);
// 输出格式如:{"id":1, "username":"zhangsan", "pwd":"123"}
System.out.println(json);
result = json.toString();
return SUCCESS;
}
}
第四步:创建JSP页面,并写入Jquery逻辑和ajax异步请求:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<%-- <script type="text/javascript"
src="<%=request.getContextPath()%>/js/index.js"></script> --%>
<script type="text/javascript">
$(document).ready(function() {
//点击提交按钮时,从服务端获取数据,然后在客户端显示
$("#btn").click(function() {
// 序列化表单的值
var params = $("input").serialize();
$.ajax({
url : "jsonAction.action",
// 数据发送方式
type : "post",
// 接受数据格式
dataType : "json",
// 要传递的数据
data : params,
// 回调函数,接受服务器端返回给客户端的值,即result值
success : show
});
});
});
function show(result) {
//测试result是否从服务器端返回给客户端
//html页面中显示result;
//解析json对象
var json = eval("(" + result + ")");
var obj = "编号: " + json.id + " 用户名: " + json.username + " 密码: "
+ json.pwd;
$("#result").html(obj);
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 显示User实体对象 -->
<div id="result"></div>
<form id="test1" name="userForm" action="jsonAction" method="post">
<div>编号:</div> <input name="user.id" />
<br />
<div>用户名:</div><input name="user.username" />
<br />
<div>密码:</div> <input name="user.pwd" /> <br /> <br />
<input id="btn" type="button" value=" 提 交 " />
</form>
</body>
</html>
第五步:写Struts.xml配置文件:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts SYSTEM "struts-2.3.dtd" >
<struts>
<constant name="struts.action.extension" value="action,html" />
<package name="gao" extends="json-default" namespace="/">
<action name="jsonAction" class="com.gao.action.JsonAction">
<result type="json">
<!-- 此处将reslut的值返回给客户端,root的值对应要返回的值的属性result
注意:root为固定写法,否则不会把result的值返回给客户端 -->
<param name="root">result</param>
</result>
</action>
<action name="*">
<result>/WEB-INF/jsp/{1}.jsp</result>
</action>
</package>
</struts>
遇到的问题:
1:一般我们默认的请求index,如果不设置常量,系统会默认加上.action,这样就能自动跳转,但是当设置常量后,这后面就不会自动为你加上.action,因此异步请求中的ajax url 写成 jsonAction就不能自动转发,因此出现404错误。
对于404异常,其实是ajax中的url路劲写的格式不正确:
正确的格式为:(jsonAction后面必须加上.action,这样即使设置struts-action-extension常量也不会影响转发。)
$(document).ready(function() {
//点击提交按钮时,从服务端获取数据,然后在客户端显示
$("#btn").click(function() {
// 序列化表单的值
var params = $("input").serialize();
$.ajax({
url : "jsonAction.action",
// 数据发送方式
type : "post",
// 接受数据格式
dataType : "json",
// 要传递的数据
data : params,
// 回调函数,接受服务器端返回给客户端的值,即result值
success : show
});
});
});
Json的使用注意:
先引入jar struts2-json-plugin-2.1.8.jar,修改struts 配置文件package的继承为json-dufault
原因:分析jar得知 在struts-plugin.xml中
<struts>
<package name="json-default" extends="struts-default">
<result-types>
<result-type name="json" class="org.apache.struts2.json.JSONResult"/>
</result-types>
<interceptors>
<interceptor name="json" class="org.apache.struts2.json.JSONInterceptor"/>
</interceptors>
</package>
</struts>
root的含义 <param name="root">XX</param>
是根据http://www.mkyong.com/struts2/struts-2-param-tag-example/ 的规范,root表示返回对象的层级为根部,
因为一般对象可以根据类与类的关系获得更多的对象,比如xx.getParent() 程序会以为你要返回的json类型为该对象下的所有属性及对象,以及对象的对象,对象的属性,一直递归下去。
所以如果不指定name="root" 这就会导致死循环,内存溢出,大家在使用json-lib-2.2.3-jdk15.jar也会遇到类似的情况,在entity中存在外键关系时,如果不过滤也会导致死循环