由于学习需要,需要通过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. [译]在AngularJS中何时应该使用Directives,Controllers或者Service

    原文: http://kirkbushell.me/when-to-use-directives-controllers-or-services-in-angular/ Services Servic ...

  2. KNN-实现文本分类

    现在大多程序.关于算法的都封装的差不多了... 所以很多程序猿很少来进行深入来研究了... 以前也想过自己好好学习下.但是理论确实难以下咽.怪我喽... 这次项目中需要用到了.要实现对文本进行分类的一 ...

  3. 【Solr】数据库数据导入索引库

    目录 分析框图 配置数据库与solrconfig.xml 回到顶部 分析框图 框图画的粗糙!勿喷啊!勿喷啊! 回到顶部 配置数据库与solrconfig.xml Dataimport插件 可以批量把数 ...

  4. C#入门随手笔记

    1..Net Framework是Microsoft为开发应用程序而创建的一个开发平台. 运行操作系统不限:Microsoft版本运行在windows,Mono版本运行开Linux和MacOS: 应用 ...

  5. C++调用shell

    1.直接采用system() 2.popen http://www.cnblogs.com/xitang/p/4288808.html

  6. jQuery中$(function(){})与(function($){})(jQuery)的区别

    首先,这两个函数都是在页面载入后执行的函数,其中两者的区别在于: 在jQuery中$(function(){})等同于jQuery(function(){}),另一个写法为jQuery(documen ...

  7. UNITY3D在线更新之道-CSlight 使用总结

    转自:http://blog.csdn.net/leonwei/article/details/39233775 最近做U3D的热更新,研究了各种方式无果后,最容易最先想到的方式就是利用c#的反射机制 ...

  8. JavaScript判断是否是手机mobile登录

    在页面代码中加入以下js,即可利用JavaScript判断是否是手机mobile登录! <script type="text/javascript" src="${ ...

  9. word20161205

    cluster-aware application / 支持群集的应用程序 cluster-unaware application / 不支持群集的应用程序 Cluster.exe CNAME (ca ...

  10. Android学习之路书籍推荐

    Android开发书籍推荐:从入门到精通系列学习路线书籍介绍 JAVA入门书籍: < Introduction to java programming > < Core java & ...