当前位置:  编程技术>java/j2ee

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

    来源: 互联网  发布时间:2014-10-18

    本文导语:  由于实习需要,需要通过ajax来获取后台的List集合里面的值。由于前面没有接触过,所以今天就来研究下了。 一、首先需要下载JSON依赖的jar包。它主要是依赖如下: json-lib-2.2.2-jdk15 ezmorph-1.0.4 commons-logging-1.0.4 commons-lang-2.4 commo...

由于实习需要,需要通过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)
代码如下:










姓名
身份证
错误状态
错误信息



$("#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 = $(""+list.name+""+
list.idCard+""+list.status+
""+list.message+"");
$("#showTable").append(_tr);
})
}
})
})




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 list = new ArrayList();
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配置
代码如下:










三、运行结果
开始页面如下:

当点击按钮后

返回的结果如下:


    
 
 

您可能感兴趣的文章:

  • 使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
  • Jquery使用Firefox FireBug插件调试Ajax步骤讲解
  • jQuery Ajax($.ajax、$.post、$.get)实例代码
  • jquery的ajax异步请求接收返回json数据实例
  • PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
  • php结合ajax实现赞、顶、踩功能实例
  • JQuery的Ajax请求实现局部刷新的简单实例
  • 实例解读Ajax与servlet交互的方法
  • ThinkPHP中ajax使用实例教程
  • php的ajax简单实例
  • php开源软件 iis7站长之家
  • struts2+jquery实现ajax登陆实例详解
  • JQuery+Ajax无刷新分页的实例代码
  • php各种验证码与Ajax验证的实例分享
  • jQuery ajax调用WCF服务实例
  • JQuery处理json与ajax返回JSON实例代码
  • jquery ajax jsonp跨域调用实例代码
  • jquery+ajax+C#实现无刷新操作数据库数据的简单实例
  • jQuery内置的AJAX功能和JSON的使用实例
  • php+ajax实现图片文件上传功能实例
  • asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
  • JSP + ajax实现输入框自动补全功能 实例代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 解决asp.net ajax格式传递数据乱码的问题
  • 解析:为jquery的ajax传递url的方法与注意事项
  • jquery ajax传递中文参数乱码问题及解决方法说明
  • JSP中获取ExtJS.Ajax前台传递的JSON数据实现过程
  • jquery.ajax的url中传递中文乱码问题的解决方法
  • jsp中利用jquery+ajax在前后台之间传递json格式参数
  • jQuery学习笔记之 Ajax操作篇(二) - 数据传递
  • 再谈Jquery Ajax方法传递到action(补充)
  • ASP.NET之 Ajax相关知识介绍及组件图
  • Ajax投票程序 Ajax Poll
  • Ajax 框架 Clean AJAX
  • Ajax 框架 Spry framework for Ajax
  • AJAX UI 创建工具 Sigma Ajax UI builder
  • Ajax 框架 Microsoft AJAX Library
  • Ajax 工具包 OpenLink AJAX Toolkit
  • AJAX框架 Ajax Agent
  • 基于 Ajax 的Web聊天软件 Ajax Chat
  • AJAX Libraries API
  • SharePoint AJAX Toolkit
  • Web动画开发工具包 AJAX Animator
  • Rich组件框架 Ajax4JSF
  • Ajax 工具包 Rialto
  • Ajax Tabs Content Script
  • 即时消息客户端 Ajax IM
  • Ajax应用开发工具 XML11
  • Ajax框架 SweetDEV RIA
  • JQuery中使用Ajax赋值给全局变量失败异常的解决方法
  • jquery ajax提交无响应怎么办?解决方法
  • Ajax框架 ZK


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3