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

2.Demo

struts2ajax.jsp

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <%@taglib uri="/struts-tags" prefix="s"%>

 <%@ taglib prefix="sx" uri="/struts-dojo-tags"%>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

     <head>

         <title>My JSP 'index.jsp' starting page</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">

         <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.min.js"></script>

         <script type="text/javascript" src="<%=request.getContextPath() %>/js/index.js"></script>

         <!--     <s:head theme="ajax" />这句话好像没影响哦    -->

         <!-- <s:head theme="ajax" />-->

         <!--在jsp页面上加入<s:head theme="ajax" />会报如下异常：java.io.FileNotFoundException:

             Template /template/ajax/head.ftl not found.

               解决办法：在struts2-core-2.1.8.jar/template目录下加入ajax文件夹，ajax文件夹所在目录为

             struts2-core-2.1.8.jar/template/archive。

               注意：ajax文件夹下要包含head.ftl，否则还是会抛异常。head.ftl请在template目录搜索然后放到ajax文件夹里

          -->

          <sx:head debug="true" parseContent="false"/>

     </head>

     <body>

         <!-- 显示User实体对象 -->

         <div id="result"></div>

         <s:form name="userForm" action="/jsonAction.do" method="post">

             <s:hidden name="articleId"></s:hidden>

                     编号：<input name="user.id"/><br/>

                     用户名：<input name="user.username"/><br/>

                     密码：<input name="user.pwd"/><br/><br/>

                 <input id="btn" type="button" value=" 提 交 "/>

         </s:form>

 </body>

 </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的更多相关文章

  1. ssh整合问题总结--使用struts2+Ajax+jquery验证用户名是否已被注册

    在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面 ...

  2. Struts2+AJAX+JQuery 实现用户登入与注册功能。

    要求 必备知识 JAVA/Struts2,JS/JQuery,HTML/CSS基础语法. 开发环境 MyEclipse 10 演示地址 演示地址 预览截图(抬抬你的鼠标就可以看到演示地址哦): 关于U ...

  3. Struts2+AJAX+JQuery 实现用户登入与注册功能

    要求:必备知识:JAVA/Struts2,JS/JQuery,HTML/CSS基础语法:开发环境:MyEclipse 10 关于UI部分请查看下列链接,有详细制作步骤: 利用:before和:afte ...

  4. struts2 ajax jquery返回json类型

    三个页面, <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC & ...

  5. struts2+ajax 前后端传值

    摘要: 主要实现步骤如下: 1.JSP页面使用脚本代码执行ajax请求 2.Action中查询出需要返回的数据,并转换为json类型模式数据 3.配置struts.xml文件 4.页面脚本接受并处理数 ...

  6. Struts2 整合jQuery实现Ajax功能(1)

    技术领域非常多东西流行,自然有流行的道理.这几天用了jQuery,深感有些人真是聪明绝顶,能将那么多技术融合的如此完美. 首先明白个概念: jQuery是什么:是使用javascript语言开发的,用 ...

  7. 使用Struts2和jQuery EasyUI实现简单CRUD系统（转载汇总）

    使用Struts2和jQuery EasyUI实现简单CRUD系统(一)——从零开始,ajax与Servlet的交互 使用Struts2和jQuery EasyUI实现简单CRUD系统(二)——aja ...

  8. struts2 + ajax + json的结合使用，实例讲解

    struts2用response怎么将json值返回到页面javascript解析,这里介绍一个struts2与json整合后包的用法. 1.准备工作 ①ajax使用Jquery:jquery-1.4 ...

  9. Struts2+Ajax实现数据交互

    1.导入jar包 struts核心包: json需要的包: 2.配置web.xml <filter> <filter-name>struts2</filter-name& ...

  10. MVC中处理表单提交的方式（Ajax+Jquery）

    MVC中处理表单有很多种方法,这里说到第一种方式:Ajax+Jquery 先看下表单: <form class="row form-body form-horizontal m-t&q ...

随机推荐

  1. Unity3D之Mecanim动画系统学习笔记（一）：认识Mecanim动画系统

    Mecanim简介 Mecanim动画系统是Unity3D4.0开始引入的一套全新的动画系统,主要提供了下面4个方面的功能: 针对人形角色提供一套特殊的工作流. 动画重定向的能力,可以非常方便的把动画 ...

  2. disque概要

    做项目过程接触到disque,记录一下. disque是redis之父开源的基于内存的分布式作业队列,用c语言实现的非阻塞网络服务器. disque的设计目标:Its goal is to captu ...

  3. 时间的函数,sleep,clock,gettickcount,QueryPerformanceCounter(转)

    介绍 我 们在衡量一个函数运行时间,或者判断一个算法的时间效率,或者在程序中我们需要一个定时器,定时执行一个特定的操作,比如在多媒体中,比如在游戏中等,都 会用到时间函数.还比如我们通过记录函数或者算 ...

  4. java对cookie的操作_01

    /** * 读取所有cookie * 注意二.从客户端读取Cookie时,包括maxAge在内的其他属性都是不可读的,也不会被提交.浏览器提交Cookie时只会提交name与value属性.maxAg ...

  5. 算法效果AB测试中的PV-UV不对称性

    (转载请注明原创于潘多拉盒子) 算法效果的AB测试,是指在相同的应用场景下,对比不同算法的效果.通常的做法是,按照PV或UV随机分配流量到算法上,计算算法的CTR或转化率进行对比.为了表述简单,我们假 ...

  6. Ubuntu 15.04下MySQL 5.6.25不支持中文解决办法

    Ubuntu 15.04下MySQL 5.6.25不支持中文解决办法,apt-get install 安装的,不是源码包安装的mysql. 1 修改mysql的配置文件 /etc/mysql/conf ...

  7. C#三种模拟自动登录和提交POST信息的实现方法

    网页自动登录(提交Post内容)的用途很多,如验证身份.程序升级.网络投票等,以下是用C#实现的方法.       网页自动登录和提交POST信息的核心就是分析网页的源代码(HTML),在C#中,可以 ...

  8. C 高级编程 2 内存管理

    理解malloc的工作原理: malloc使用一个数据结构(链表)来维护分配的空间.链表的构成: 分配的空间.上一个空间的地址.下一个空间的地址.以及本空间的信息等. 对malloc分配的空间不要越界 ...

  9. C#并行编程 (Barrier,CountdownEvent,ManualResetEventSlim,SemaphoreSlim,SpinLock,SpinWait )

    背景 有时候必须访问变量.实例.方法.属性或者结构体,而这些并没有准备好用于并发访问,或者有时候需要执行部分代码,而这些代码必须单独运行,这是不得不通过将任务分解的方式让它们独立运行. 当任务和线程要 ...

  10. AngularJS - Apply方法监听model变化

    <body> <div ng-app="myApp"> <div ng-controller="firstController" ...