struts2-ajax-jQuery

Posted 爆烈鼓手

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了struts2-ajax-jQuery相关的知识,希望对你有一定的参考价值。

1.所需jar包如下所示。其中选中的四个包是struts2实现ajax所必需的,所有的jar包都可以从下载的完整的struts2 包中的lib文件夹中找到。

2.Demo

struts2ajax.jsp

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%@taglib uri="/struts-tags" prefix="s"%>
 4 <%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
 5 
 6 
 7 
 8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 9 <html>
10     <head>
11 
12 
13         <title>My JSP \'index.jsp\' starting page</title>
14         <meta http-equiv="pragma" content="no-cache">
15         <meta http-equiv="cache-control" content="no-cache">
16         <meta http-equiv="expires" content="0">
17         <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
18         <meta http-equiv="description" content="This is my page">
19         <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.min.js"></script> 
20         <script type="text/javascript" src="<%=request.getContextPath() %>/js/index.js"></script>
21        
22         <!--     <s:head theme="ajax" />这句话好像没影响哦    -->
23         <!-- <s:head theme="ajax" />-->
24         <!--在jsp页面上加入<s:head theme="ajax" />会报如下异常:java.io.FileNotFoundException: 
25             Template /template/ajax/head.ftl not found.     
26               解决办法:在struts2-core-2.1.8.jar/template目录下加入ajax文件夹,ajax文件夹所在目录为
27             struts2-core-2.1.8.jar/template/archive。
28               注意:ajax文件夹下要包含head.ftl,否则还是会抛异常。head.ftl请在template目录搜索然后放到ajax文件夹里
29          -->
30          <sx:head debug="true" parseContent="false"/>
31     </head>
32 
33     <body>
34         <!-- 显示User实体对象 -->
35         <div id="result"></div>
36         <s:form name="userForm" action="/jsonAction.do" method="post">
37             <s:hidden name="articleId"></s:hidden>
38                     编号:<input name="user.id"/><br/>
39                     用户名:<input name="user.username"/><br/>
40                     密码:<input name="user.pwd"/><br/><br/>
41                 <input id="btn" type="button" value=" 提 交 "/>
42         </s:form>
43 
44 
45 </body>
46 </html>

index.js

$(document).ready(function(){
    //点击提交按钮时,从服务端获取数据,然后在客户端显示
    $("#btn").click(function(){
        // 序列化表单的值
        var params=$("input").serialize();
        $.ajax({
            url: "jsonAction.do",
            // 数据发送方式
            type: "post",
            // 接受数据格式
            dataType : "json",
            // 要传递的数据
            data : params,
            // 回调函数,接受服务器端返回给客户端的值,即result值
            success : show   
        });
    });
});

function show(result){
    //测试result是否从服务器端返回给客户端
    //alert(result);
    //解析json对象
    var json = eval("("+result+")");
    var obj = "编号: "+json.id+"  用户名: "+json.username+"  密码: "+json.pwd+"   articleId:  "+json.articleId;
    $("#result").html(obj);
    //alert(json.articleId);
}

User.java

package com.blgs.bean;

import java.io.Serializable;

public class User implements Serializable {

    /**
     * 
     */
    private static final long serialVersionUID = 1L;
    private int id;
    private String username;
    private String pwd;
    private String articleId;
    public void setArticleId(String articleId) {
        this.articleId = articleId;
    }
    public String getArticleId() {
        return articleId;
    }

    public User() {
    }

    public User(int id, String username, String pwd) {
        super();
        this.id = id;
        this.username = username;
        this.pwd = pwd;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPwd() {
        return pwd;
    }

    public void setPwd(String pwd) {
        this.pwd = pwd;
    }

}

GotoStruts2ajax .java

package com.blgs.action;

import com.opensymphony.xwork2.ActionSupport;

public class GotoStruts2ajax extends ActionSupport {
    private static final long serialVersionUID = 1L;
    private String articleId;
    public void setArticleId(String articleId) {
        this.articleId = articleId;
    }
    public String getArticleId() {
        return articleId;
    }
    @Override
    public String execute() throws Exception {
        // TODO Auto-generated method stub
        this.articleId="201609001";
        return SUCCESS;
    }
}
JsonAction.java
package com.blgs.action;
import com.blgs.bean.User;
import com.opensymphony.xwork2.ActionSupport;

import net.sf.json.JSONObject;
@SuppressWarnings("serial")
public class JsonAction extends ActionSupport {
    private User user;
    // 返回结果给客户端
    private String result;
    private String articleId;
    public void setArticleId(String articleId) {
        this.articleId = articleId;
    }
    public String getArticleId() {
        return articleId;
    }
    public String execute() throws Exception {
        user.setArticleId(articleId);
        //将要返回的实体对象进行json处理
        JSONObject json=JSONObject.fromObject(user);
        //输出格式如:{"id":1, "username":"zhangsan", "pwd":"123"}
        System.out.println(json);
        result=json.toString();
        return SUCCESS;
    }
    public User getUser() {
        return user;
    }
    public void setUser(User user) {
        this.user = user;
    }
    public String getResult() {
        return result;
    }
    public void setResult(String result) {
        this.result = result;
    }
}

struts.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
    "http://struts.apache.org/dtds/struts-2.3.dtd">
<struts>
<!-- 该属性指定需要Struts2处理的请求后缀,该属性的默认值是action,即所有匹配*.action的请求都由Struts2处理。
        如果用户需要指定多个请求后缀,则多个后缀之间以英文逗号(,)隔开。 -->
    <constant name="struts.action.extension" value="do" />
    <!-- 设置浏览器是否缓存静态内容,默认值为true(生产环境下使用),开发阶段最好关闭 -->
    <constant name="struts.serve.static.browserCache" value="false" />
    <!-- 当struts的配置文件修改后,系统是否自动重新加载该文件,默认值为false(生产环境下使用),开发阶段最好打开 -->
    <constant name="struts.configuration.xml.reload" value="true" />
    <!-- 开发模式下使用,这样可以打印出更详细的错误信息 -->
    <constant name="struts.devMode" value="true" />
    <!-- 默认的视图主题 -->
    <!-- <constant name="struts.ui.theme" value="simple" /> -->
    <!-- <constant name="struts.objectFactory" value="spring" />  -->
    <package name="test" extends="json-default">
        <action name="jsonAction" class="com.blgs.action.JsonAction">
            <result type="json">
                <!-- 此处将reslut的值返回给客户端,root的值对应要返回的值的属性result
                      注意:root为固定写法,否则不会把result的值返回给客户端 -->
                <param name="root">result</param>
            </result>
        </action>
    </package>
    <package name="index" extends="struts-default">
        <action name="indextoajax" class="com.blgs.action.GotoStruts2ajax">
            <result>struts2ajax.jsp</result>
        </action>
    </package>    
</struts> 

 

以上是关于struts2-ajax-jQuery的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

片段和活动之间的核心区别是啥?哪些代码可以写成片段?

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——声明函数