Struts2中使用Json+Jquery+Ajax,以及出现的404异常及解决办法,

来源:互联网 发布:淘宝店淘金币怎么设置 编辑:程序博客网 时间:2024/05/16 15:27

第一步:首先加载架包

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中存在外键关系时,如果不过滤也会导致死循环

0 0