贴一个简单的例子,通过jquery的post调用action,定义一个对象User,有name和age属性,实例化几个对象,以json的格式返回到jsp,在前台页面显示出来,模拟用户列表.

  • 　　导入相关jar包:
  1. ezmorph-1.0.6.jar
  2. json-lib-2.3-jdk15.jar
  3. struts2-json-plugin-2.3.16.1.jar
  • Action代码:
package com.wang.action;

import java.util.ArrayList;

import java.util.List;

import com.opensymphony.xwork2.Action;

import com.wang.entity.User;

import net.sf.json.JSONArray;

public class JsonAction {

    private JSONArray root;

    public String execute(){

        List<User> list=new ArrayList<User>();

        list.add(new User("wang",20));

        list.add(new User("yong",22));

        list.add(new User("guo",23));

        root=JSONArray.fromObject(list);

        System.out.println("json="+root.toString());

        return Action.SUCCESS;

    }

    public JSONArray getRoot() {

        return root;

    }

    public void setRoot(JSONArray root) {

        this.root = root;

    }

}
  •  jsp页面:
<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'ajax.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">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

    <script type="text/javascript" src="jquery/jquery.min.js"></script>

    <script type="text/javascript">

        $(function(){

            $('#btn1').click(function(){

                $.post("json.action",function(data){

                    var html="";

                    for(var i=0;i<data.length;i++){

                        html+="<tr><td>"+data[i].name+"</td><td>"+data[i].age+"</td></tr>";

                    }

                    $('#content').html(html);

                });

            });

            $('#btn2').click(function(){

            //    alert("a");

                $('#content').css("display","none");

            });

        });

    </script>

  </head>

  <body>

    <input type="button" name="btn" id="btn1" value="获取json"/><br>

    <table width="80%" align="center">

        <tr>

            <td>姓名</td>

            <td>年龄</td>

        </tr>

        <tbody id="content">

        </tbody>

    </table>

     <input type="button" name="btn" id="btn2" value="隐藏json信息"/><br>

  </body>

</html>
  • struts.xml:
<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">

<struts>

<!--注意这里继承的json-default,间接地也继承struts-default-->

    <package name="default" extends="json-default" namespace="/">

        <action name="json" class="com.wang.action.JsonAction">

            <result type="json">

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

            </result>

        </action>

    </package>

</struts>

struts2学习笔记--使用struts2插件实现ajax处理(返回json数据)的更多相关文章

  1. 2.《Spring学习笔记-MVC》系列文章，讲解返回json数据的文章共有3篇，分别为：

    转自:https://www.cnblogs.com/ssslinppp/p/4528892.html 个人认为,使用@ResponseBody方式来实现json数据的返回比较方便,推荐使用. 摘要 ...

  2. 3.《Spring学习笔记-MVC》系列文章，讲解返回json数据的文章共有3篇，分别为：

    转自:https://www.cnblogs.com/ssslinppp/p/4528892.html 概述 在文章:<[Spring学习笔记-MVC-3]SpringMVC返回Json数据-方 ...

  3. 1.《Spring学习笔记-MVC》系列文章，讲解返回json数据的文章共有3篇，分别为：

    转自:https://www.cnblogs.com/ssslinppp/p/4528892.html [Spring学习笔记-MVC-3]SpringMVC返回Json数据-方式1:http://w ...

  4. 在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法

    在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法 最近在做一个小东西,使用kindeditor上传图片的时候,自己写了一个上传的方法,按照协议规则通过ajax返回json ...

  5. jquery序列化from表单使用ajax提交返回json数据（使用struts2注解result type = json）

    1.action类引入struts2的"json-default"拦截器栈 @ParentPackage("json-default") //示例 @Paren ...

  6. ashx文件结合ajax使用(返回json数据)

    ashx文件返回json数据: public void ProcessRequest(HttpContext context) { context.Response.ContentType = &qu ...

  7. Ajax前台返回JSON数据后再Controller中直接转换成类型使用，后台接收json转成实体的方法

    之前写过一篇记录文章,写的是将一个比较复杂的数据结构在前台组合起来后传递到后台. 当时并不太了解@RequestBody,也并没有使用js提供的JSON.stringify()方法 所有都是自己写的, ...

  8. ajax请求返回json数据弹出下载框的解决方法

    将返回的Content-Type由application/json改为text/html. 在struts2下: <action name="XXXAjax" class=& ...

  9. struts2学习笔记之六:struts2的Action访问ServletAPI的几种方式

    方法一:通过ActionContext访问SerlvetAPI,这种方式没有侵入性 Action类部分代码 import com.opensymphony.xwork2.ActionContext; ...

随机推荐

  1. *POJ1830 高斯消元

    开关问题 Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 8010   Accepted: 3161 Description ...

  2. 初识CoreData与详解

    Core Data数据持久化是对SQLite的一个升级,它是iOS集成的,在说Core Data之前,我们先说说在CoreData中使用的几个类. (1)NSManagedObjectModel(被管 ...

  3. Spring MVC注解的一些案列

    1.  spring MVC-annotation(注解)的配置文件ApplicationContext.xml <?xml version="1.0" encoding=& ...

  4. php与js中函数参数的默认值设置

    php函数参数默认值设置: <?phpfunction test($val=3){   echo $val."<br/>";}test(11);test();?& ...

  5. 移动开发可能用到的css单位

    众所周知CSS技术我们虽然很熟悉,在使用的过程却很容易被困住,这让我们在新问题出现的时候变得很不利.随着web继续不断地发展,对于新技术新 解决方案的要求也会不断增长.因此,作为网页设计师和前端开发人 ...

  6. CSS的定位

        定位的基本思想:允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置        一切皆为框   div.h1 或 p 元素常常被称为块级元素 ...

  7. for循环中的 else，break

  8. SQL基础--同义词

    同义词的概念: 同义词是Oracle对象的别名,使用同义词访问相同的对象 可以为表.视图.存储过程.函数或另一同义词等对象创建同义词 方便访问其它用户的对象,隐藏了对象的身份 缩短对象名字的长度 同义 ...

  9. awk神器

      序   产品经理(PM)过来找你要最近某某的数据,而你知道这些数据目前只能通过日志文件去分析,因为我们知道,我们不可能把所有数据都放入db中(这不科学啊!).每当有这样任务的时候,你就用php或j ...

  10. 深圳本土web前端经验交流

    群号:125776555  深圳本土web前端技术交流群 baidu tencent前端拒绝垃圾广告.吹水,欢迎讨论技术.跳槽经验期待您的加入