以下采用struts2+jquery+json模拟一个案例。当点击提交按钮时会把输入的数据提交到后台，然后从后台获取数据在客户端显示。

效果如下：

接下来为struts2+jquery+json集成步骤：

1、新建一个web工程，导入struts2+jquery+json所需jar，如下图

目录结构图

2、创建实体类User

package com.ljq.bean;

import java.io.Serializable;

@SuppressWarnings("serial")

public class User implements Serializable {

    private int id;

    private String username;

    private String pwd;

    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;

    }

}

3、新建Action JsonAction

package com.ljq.action;

import net.sf.json.JSONObject;

import com.ljq.bean.User;

import com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")

public class JsonAction extends ActionSupport{

    private User user;

    // 返回结果给客户端

    private String result;

    @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;

    }

    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;

    }

}

4、建立struts.xml文件

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC

    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"

    "http://struts.apache.org/dtds/struts-2.0.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.ljq.action.JsonAction">

            <result type="json">

                <!-- 此处将reslut的值返回给客户端，root的值对应要返回的值的属性result

                      注意：root为固定写法，否则不会把result的值返回给客户端 -->

                <param name="root">result</param>

            </result>

        </action>

    </package>

</struts>

5、编写index.jsp文件

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

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

<%

    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%>">

        <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="">

        <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-1.3.1.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..jar/template目录下加入ajax文件夹，ajax文件夹所在目录为

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

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

         -->

    </head>

    <body>

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

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

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

            编号：<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>

6、建立文件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;

    $("#result").html(obj);

}

struts2+jquery+json集成的更多相关文章

  1. 留存： struts2+jquery+json集成

    原文地址:struts2+jquery+json集成 以下采用struts2+jquery+json模拟一个案例.当点击提交按钮时会把输入的数据提交到后台,然后从后台获取数据在客户端显示. 效果如下: ...

  2. struts2 + jquery + json 简单的前后台信息交互

    ajax 是一种客户端与服务器端异步请求的交互技术.相比同步请求,大大提高了信息交互的速度和效率.是当下非常实用和流行的技术. 这里简单的说明 struts2 + jquery + json 下的 信 ...

  3. Struts2+JQuery+Json登陆实例

    Struts2+JQuery+Json登陆实例 博客分类: Struts2   在搭建之前.. 首先,需要准备struts2.0框架的5个核心包, 以及jsonplugin-0.32.jar 以及js ...

  4. Struts2+JQuery+JSON实现异步交互

    1.环境 jquery:jquery-1.9.0.min.js struts2:基本包就不说了,就说说应用json的包,主要有struts2-json-plugin-2.3.8.jar json:js ...

  5. Struts2+jQuery+Json零配置实现ajax

    (一)Jsp页面代码 <%@ page language="java" import="java.util.*" pageEncoding="U ...

  6. struts2+jquery +json实现异步加载数据，亲测（原创）

    //初始加载页面时 $(document).ready(function(){ //为获取单个值的按钮注册鼠标单击事件 $("#getMessage").click(functio ...

  7. 【转】Struts2中json插件的使用

    配置注意点: 在原有Struts2框架jar包的引入下,需要额外多加一个Json的插件包(struts2-json-plugin-2.3.7.jar) 在struts.xml配置文件中,包需要继承js ...

  8. Struts2+Jquery实现ajax并返回json类型数据

    来源于:http://my.oschina.net/simpleton/blog/139212 摘要 主要实现步骤如下: 1.JSP页面使用脚本代码执行ajax请求 2.Action中查询出需要返回的 ...

  9. 转载：Struts2+Jquery实现ajax并返回json类型数据

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

随机推荐

  1. Java 调用Dll

    Java 中怎么能调用到dll中的函数呢? 关键是java中生的本地函数名參数和dll中的本地函数名參数一模一样. 这个程序是java中调用dll中的求和函数. 一,java代码部分操作 1.新建pr ...

  2. android 40 Io编程

    Io编程:内存卡和sd卡.字符串存入内存卡然后读出来. activity: package com.sxt.day06_06; import java.io.FileInputStream; impo ...

  3. Java设计模式01：设计模式的 分类 和 设计原则

    一.总体来说设计模式分为三大类: 创建型模式:对象的创建. 创建对象本身是比较耗时的操作,所以我们这里专门找人来帮我们创建对象,我们根据经验总结出来的设计成熟的思路模式. 结构型模式:对象的组成(结构 ...

  4. Java——（九）IO流

    一.流的分类 1.输入流和输出流 按照流的流向来分,可以分为输入流和输出流 输入流:只能从中读取数据,而不能向其写入数据. 输出流:只能向其写入数据,而不能从中读取数据. 此处的输入.输出涉及一个方向 ...

  5. swift 关于delegate

    Cocoa 开发中接口-委托 (protocol-delegate) 模式是一种常用的设计模式,它贯穿于整个 Cocoa 框架中,为代码之间的关系清理和解耦合做出了不可磨灭的贡献. 在 ARC 中,对 ...

  6. 1 加到 100 的 时间复杂度 C#.

    //1 加到 100 的 时间复杂度: ; ; ; i <= n; i++){ sum += i; } T() = ; //Initialize 'n'. T() = ; //Initializ ...

  7. Jquery不生效

    $(document).ready(function(){这个都没有生效, 1.网上查了说是jquery的路劲引入的有问题,经查并不是这个问题 2.换了一个jquery的版本,发现生效了. 原不生效文 ...

  8. css 不确定元素宽度的水平居中

    对于一个不确定宽度的元素居中,我们想到使用的方法是 text-align:center; 或者 margin:0 auto; text-align只对行内元素有效,对于块元素我们要用margin,块元 ...

  9. Windows 8 / 8.1 禁用驱动签名最详细图文教程

    Windows 8 鼠标右上角/右下角弹出边栏,选择“设置” 点击“更改电脑设置”: 选择“常规”,右侧拖到底,点击“高级启动”-“立即重启”: 稍后进入恢复页面,选择“疑难解答” 进入疑难解答后,选 ...

  10. Vijos1386 IOI2007 矿工配餐 动态规划

    感觉早些年IOI的题都不难啊,也就NOIp难度……现在貌似变难了 状态用dp[n][a1][b1][a2][b2]表示 n表示处理到前n个餐车 第一组矿工得到的最近一种食物用a1表示,a1的上一种食物 ...