由于学习需要,需要通过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. 必须知道的.net——学习笔记1

    1.对象的生成(出生) Person aperson=new Person("小张",25) 构造过程:分配存储空间—初始化附加成员—调用构造函数 2.对象的旅程(在一定的约定与规 ...

  2. android版微信5.2.1更新 支持微信聊天记录备份到电脑上

    昨天微信 5.2.1 for Android 全新发布了,和微信 5.2.1 for iPhone一样,支持拍照分享,可以把照片发送给多个朋友,最重要的一个更新是支持微信聊天记录备份到电脑(可以通过腾 ...

  3. JQuery simpleModal插件的使用-遁地龙卷风

    (0)写在前面 jquery.simpleModal.浏览器这三者的兼容性,不仅显示在报错上,还体现在所呈现的效果不是预期上. 说一下我的环境 jquery-1.8.3.js jquery.simpl ...

  4. 利用LruCache为GridView异步加载大量网络图片完整示例

    MainActivity如下: package cc.testlrucache; import android.os.Bundle; import android.widget.GridView; i ...

  5. Codeforces Round #288 (Div. 2) E. Arthur and Brackets

    题目链接:http://codeforces.com/contest/508/problem/E 输入一个n,表示有这么多对括号,然后有n行,每行输入一个区间,第i行的区间表示从前往后第i对括号的左括 ...

  6. iOS开发——多线程篇——NSThread

    一.基本使用1.创建和启动线程一个NSThread对象就代表一条线程 创建.启动线程NSThread *thread = [[NSThread alloc] initWithTarget:self s ...

  7. php学习笔记(1)-----基础

    语法 <?PHP //code here?> 变量以$开头 字符串并置运算符 . echo $txt1 . " " . $txt2计算字符串长度 strlen() 空格 ...

  8. hadoop小试

    standard mode(标准模式) 下载 wget http://mirror.bit.edu.cn/apache/hadoop/common/stable/hadoop-2.7.2.tar.gz ...

  9. PE355

    似乎我和lyx讨论过这题..? LP可解决..(~0.8s)

  10. 教程和工具--用wxPython编写GUI程序的

    wxPython是个很好的GUI库,对底层的C++库进行了封装,调用起来很方便,尤其是操作前台UI界面和后台多线程,两者配合很方便,做GUI程序最难是写界面尤其是布局. 关于wxPython,自己正在 ...