由于学习需要,需要通过ajax来获取后台的List集合里面的值。由于前面没有接触过,所以今天就来研究下了。
一、首先需要下载JSON依赖的jar包。它主要是依赖如下
json-lib-2.2.2-jdk15

ezmorph-1.0.4
commons-logging-1.0.4
commons-lang-2.4

commons-collections-3.2.1
commons-beanutils
二、实例

1、身份证错误信息Bean类(ErrorCondition.java)

复制代码
代码如下:
/**
*@Project: excel
*@Author:
chenssy
*@Date: 2013-4-4
*@Copyright: chenssy All rights reserved.

*/
public class ErrorCondition {
private String name; // 姓名

private String idCard; // 身份证
private String status; // 错误状态
private
String message; // 错误信息
ErrorCondition(String name,String idCard,String
status,String message){
this.name = name;
this.idCard = idCard;

this.status = status;
this.message = message;
}
public String
getName() {
return name;
}
public void setName(String name) {

this.name = name;
}
public String getIdCard() {
return idCard;

}
public void setIdCard(String idCard) {
this.idCard = idCard;
}

public String getStatus() {
return status;
}
public void
setStatus(String status) {
this.status = status;
}
public String
getMessage() {
return message;
}
public void setMessage(String
message) {
this.message = message;
}
}

2、JSP页面(index.jsp)

复制代码
代码如下:
<%@ page language="java"
import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>

<script type="text/javascript"
src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></script>

</head>
<body>
<input type="button" value="点我显示数据"
id="clickMe">
<table id="showTable" border="1">
<tr>

<td>姓名</td>
<td>身份证</td>

<td>错误状态</td>
<td>错误信息</td>
</tr>

</table>
<script>
$("#clickMe").click(function(){

var url = "json/jsonTest.action";
$.ajax({
type:'get',
url:url,

dataType: 'json',
success:function(data){

$.each(data,function(i,list){
var _tr =
$("<tr><td>"+list.name+"</td><td>"+

list.idCard+"</td><td>"+list.status+

"</td><td>"+list.message+"</td></tr>");

$("#showTable").append(_tr);
})
}
})
})
</script>

</body>
</html>

3、Action处理类(JsonTest_01.java)

复制代码
代码如下:
/**
*@Project: jsonTest
*@Author:
chenssy
*@Date: 2013-4-5
*@Copyright: chenssy All rights reserved.

*/
public class JsonTest_01 {
public String execute() throws
IOException{
ErrorCondition r1 = new ErrorCondition("张三",
"4306821989021611", "L", "长度错误");
ErrorCondition r2 = new
ErrorCondition("李四", "430682198902191112","X", "校验错误");
ErrorCondition r3 =
new ErrorCondition("王五", "", "N", "身份证信息为空");
List<ErrorCondition>
list = new ArrayList<ErrorCondition>();
list.add(r1);

list.add(r2);
list.add(r3);
//将list转化成JSON对象
JSONArray jsonArray
= JSONArray.fromObject(list);
HttpServletResponse response =
(HttpServletResponse)
ActionContext.getContext().get(ServletActionContext.HTTP_RESPONSE);

response.setCharacterEncoding("UTF-8");

response.getWriter().print(jsonArray);
return null;
}
}

4、struts.xml配置

复制代码
代码如下:
<?xml version="1.0" encoding="GBK"?>

<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts
Configuration 2.1.7//EN"

"http://struts.apache.org/dtds/struts-2.1.7.dtd">
<!-- 指定struts
2的配置文件的跟元素 -->
<struts>
<package name="json"
namespace="/json" extends="struts-default">
<action name="jsonTest"
class="com.json.action.JsonTest_01" method="execute"></action>

</package>
</struts>

三、运行结果

开始页面如下:

当点击按钮后

返回的结果如下:

ajax+json+Struts2实现list传递实例讲解的更多相关文章

  1. struts2 + ajax + json的结合使用,实例讲解

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

  2. ajax+json+Struts2实现list传递(转载)

    一.首先需要下载JSON依赖的jar包.它主要是依赖如下: json-lib-2.2.2-jdk15 ezmorph-1.0.4       commons-logging-1.0.4       c ...

  3. php+jquery+ajax+json的一个最简单实例

    html页面: <html> <head> <meta http-equiv="content-type" content="text/ht ...

  4. Jquery+Ajax+Json的使用(微信答题实例)

    —————————————————————TP框架下的方法————————————————————————

  5. Struts Ajax Json

    一.包 struts2与json的依赖包:struts2-json-plugin-2.2.3.jar 二.过程: ①引入json依赖包 ②编写action类 ③配置struts.xml ④编写页面 ⑤ ...

  6. Struts+Spring+Hibernate项目整合AJAX+JSON

    1.什么是AJAX AJAX是 "Asynchronous JavaScript and XML" 的简称,即异步的JavaScript和XML. 所谓异步,就是提交一个请求不必等 ...

  7. jquery ajax返回json数据进行前后台交互实例

    jquery ajax返回json数据进行前后台交互实例 利用jquery中的ajax提交数据然后由网站后台来根据我们提交的数据返回json格式的数据,下面我来演示一个实例. 先我们看演示代码 代码如 ...

  8. JSON.stringify 语法实例讲解+easyui data-options属性+expires【申明:来源于网络】

    JSON.stringify 语法实例讲解+easyui data-options属性+expires[申明:来源于网络] JSON.stringify 语法实例讲解:http://www.jb51. ...

  9. (转)使用 CJSON 在C语言中进行 JSON 的创建和解析的实例讲解

    使用 CJSON 在C语言中进行 JSON 的创建和解析的实例讲解   本文用代码简单介绍cjson的使用方法,1)创建json,从json中获取数据.2)创建json数组和解析json数组 1. 创 ...

随机推荐

  1. 统计学 nested_design 嵌套设计

    nested_design 嵌套设计 li_volleyball ,邓邦良 2016年3月6日 嵌套设计 一.基本概念 嵌套设计(nested design)又称为窝设计和套设计,与析因设计的处理不同 ...

  2. 基于C++/Lua的游戏服务器如何实现?

    1.首先要自己实现一个网络库,或者选择已经开源的网络库.比如:muduo.libevent.boost的asio等.2.实现核心功能:连接管理,消息管理,定时器,事件机制,Lua脚本引擎,程序模块管理 ...

  3. netbeans tomcat

    http://www.cnblogs.com/fengzy/archive/2013/05/18/3086371.html http://blog.csdn.net/xumengxing/articl ...

  4. 用H5的canvas做时钟

    <!doctype html><html> <head> <meta charset="UTF-8"> <title>D ...

  5. .net实现微信公众账号接口开发

    说起微信公众帐号,大家都不会陌生,使用这个平台能给网站或系统增加一个新亮点,直接进入正题吧,在使用之前一定要仔细阅读官方API文档. API文档地址:http://mp.weixin.qq.com/w ...

  6. webpack 教程 那些事儿06-gulp+webpack多页

    本篇主要讲述用gulp+webpack构建多页应用 折腾到现在,项目还必须要进行,.vue文件必须要加载,也就是webpack必须引入.时间不多了,抛弃上个方案之后,只能牺牲热加载性能,用gulp+w ...

  7. 操作PDF文件的关键技术点

    一个PDF文档从大到小可以分成如下几个要素:文档.章节.小节.段落.表格.列表. com.lowagie.text.Document表示PDF文档.必须为它创建一个PDF写入器,即com.lowagi ...

  8. c++ 操作符重载和友元

    操作符重载(operator overloading)是C++中的一种多态,C++允许用户自定义函数名称相同但参数列表不同的函数,这被称为函数重载或函数多态.操作符重载函数的格式一般为: operat ...

  9. 简述JavaScript的运行机制

    想要理解JavaScript的运行机制,需要分别深刻理解以下几个点: · JavaScript的单线程机制 · 任务队列(同步任务和异步任务) · 事件和回调函数 · 定时器 · Event Loop ...

  10. word20161203

    B-channel / B 信道 B-ISDN, broadband integrated services digital network / 广播综合业务数字网络 backbone router  ...