ajax+json+Struts2实现list传递实例讲解

由于实习需要,需要通过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>

三、运行结果

开始页面如下:

当点击按钮后

返回的结果如下:

时间: 2024-10-16 21:24:54

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

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

struts2用response怎么将json值返回到页面javascript解析,这里介绍一个struts2与json整合后包的用法. 1.准备工作 ①ajax使用Jquery:jquery-1.4.2.min.js ②struts2与json的依赖包:struts2-json-plugin-2.2.3.jar PS:版本可自己控制!~ 2.过程 ①引入json依赖包 ②编写action类 ③配置struts.xml ④编写页面 ⑤测试 3.实例 ① action类,JsonAction  注

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

function ajaxTest(){    $username = $_POST['username'];$age = $_POST['age'];$job = $_POST['job'];$json_arr = array("username"=>$username,"age"=>$age,"job"=>$job);$json_obj = json_encode($json_arr);echo $json_obj;    

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

struts2+ajax+json使用实例

本文主要包含一个struts2+ajax+json的使用实例 步骤如下 1.准备工作 ①ajax使用Jquery:jquery-1.4.2.min.js ②struts2与json的依赖包:struts2-json-plugin-2.2.3.jar,json-lib PS:版本可自己控制!~ 2.过程 ①引入json依赖包 ②编写action类 ③配置struts.xml ④编写页面 ⑤测试 参考链接 struts2 + ajax + json的结合使用,实例讲解 - tfy1332的专栏 -

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

使用 CJSON 在C语言中进行 JSON 的创建和解析的实例讲解 本文用代码简单介绍cjson的使用方法,1)创建json,从json中获取数据.2)创建json数组和解析json数组 1. 创建json,从json中获取数据 1 #include <stdio.h> 2 #include "cJSON.h" 3 4 char * makeJson() 5 { 6 cJSON * pJsonRoot = NULL; 7 8 pJsonRoot = cJSON_Create

这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)(转)

前言 在Andrroid开发中,网络请求十分常用 而在Android网络请求库中,Retrofit是当下最热的一个网络请求库 今天,我将献上一份非常详细Retrofit v2.0的使用教程,希望你们会喜欢. 如果对Retrofit v2.0的源码感兴趣,可看文章:Android:手把手带你深入剖析 Retrofit 2.0 源码 目录 1. 简介 特别注意: 准确来说,Retrofit 是一个 RESTful 的 HTTP 网络请求框架的封装. 原因:网络请求的工作本质上是 OkHttp 完成,

Java JUC之Atomic系列12大类实例讲解和原理分解

Java JUC之Atomic系列12大类实例讲解和原理分解 2013-02-21      0个评论       作者:xieyuooo 收藏    我要投稿 在java6以后我们不但接触到了Lock相关的锁,也接触到了很多更加乐观的原子修改操作,也就是在修改时我们只需要保证它的那个瞬间是安全的即可,经过相应的包装后可以再处理对象的并发修改,以及并发中的ABA问题,本文讲述Atomic系列的类的实现以及使用方法,其中包含: 基本类:AtomicInteger.AtomicLong.Atomic

JFreeChart与AJAX+JSON+ECharts两种处理方式生成热词统计可视化图表

本篇的思想:对HDFS获取的数据进行两种不同的可视化图表处理方式.第一种JFreeChar可视化处理生成图片文件查看.第二种AJAX+JSON+ECharts实现可视化图表,并呈现于浏览器上.   对此,给出代码示例,通过网络爬虫技术,将上传到HDFS的新浪网新闻信息实现热词统计功能,通过图表的柱状图来显示出来. ------> 目录: 1.JFreeChart可视化处理(生成本地图片) [1]HDFS文件读取 [2]JDFreeChart库应用 2.AJAX+JSON+EChart生成可视化图

jQuery.uploadify文件上传组件实例讲解

1.jquery.uploadify简介 在ASP.NET中上传的控件有很多,比如.NET自带的FileUpload,以及SWFUpload,Uploadify等等,尤其后面两个控件的用户体验比较好,无刷新,带上传进度等等.在最近的短信平台开发中,使用Uploadify进行文件上传. Uploadify官网地址是:http://www.uploadify.com/ 可满足项目开发需求. 下载地址:http://www.uploadify.com/wp-content/uploads/files/