jquey ajax 将变量值封装json传入JAVA action获取解析

2024-04-06 15:58

本文主要是介绍jquey ajax 将变量值封装json传入JAVA action获取解析,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  最近在做一个小小的功能模块,前台有很多的数据需要传入到后台,前台页面设计如下:

看起来不是很清楚,总之表单中的数据都要提交到后台进行处理,然后插入到数据库,而且是一起提交到后台的,实现的方法大致有两种:(在处理类似需求,如果大家有其他意见,可以一起来交流分享)

1)通过表单提交,当然在后台需要为每个字段定义一个集合对象,然后在页面中使用name标志,如果使用了strut2的话就更简单了,在Action中定义的集合对象名称和页面标签的name字段标签一致,那么这些数据在后台就都能够取得到了,这里就不进行阐述了;

2)封装JSON对象,然后通过Ajax方法提交到后台,将每行记录封装为一个JSON对象,然后把这些JSON对象加入到一个数组当中,核心代码如下:

[javascript] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. //封装JSON数组对象  
  2.     function getJSONObject(){  
  3.         var dateArray=getArrayByName("plan_date");  
  4.         var weekArray=getArrayByName("plan_week");  
  5.         var jcTypeArray=getArrayByName("jcType");  
  6.         var jcNumArray=getArrayByName("jcNum");  
  7.         var xcxcArray=getArrayByName("xcxc");  
  8.         var kilometreArray=getArrayByName("kilometre");  
  9.         var kcAreaArray=getArrayByName("kcArea");  
  10.         var commentsArray=getArrayByName("comments");  
  11.         var startTime=$("#startTime").val();  
  12.         var endTime=$("#endTime").val();  
  13.         var plan_title=$("#plan_title").val();  
  14.         var objArray=[];  
  15.         var obj=null;  
  16.         var JSONObj=new Object();  
  17.         JSONObj.start_time=startTime;  
  18.         JSONObj.end_time=endTime;  
  19.         if(plan_title==""){  
  20.             plan_title=startTime+"至"+endTime+"检修计划";  
  21.         }  
  22.         JSONObj.plan_title=plan_title;  
  23.         for(var i=0;i<dateArray.length;i++){  
  24.             obj=new Object();  
  25.             obj.planTime=dateArray[i];  
  26.             obj.planWeek=weekArray[i];  
  27.             obj.jcType=jcTypeArray[i];  
  28.             obj.jcNum=jcNumArray[i];  
  29.             obj.xcxc=xcxcArray[i];  
  30.             obj.kilometre=kilometreArray[i];  
  31.             obj.kcArea=kcAreaArray[i];  
  32.             obj.comments=commentsArray[i];  
  33.             objArray.push(obj);  
  34.         }  
  35.         JSONObj.jsonStr=JSON.stringify(objArray);  
  36.         return JSONObj;  
  37.     }  


实现的大致思路是将每列字段的数据都封装到一个数组当中,因为空字符串也是需要的"",所以根据下标就可以取得相应的值,然后把每行的值封装为一个Object对象,给Object动态添加属性和相应的值,也就是所谓的key/value形式,在这里我得到的JSONObj数据的形式大致如下:

{"start_time":"2013-06-19",

"end_time":"2013-08-20",

"title":"2013-06-19至2013-08-20检修计划",

"jsonStr":[{"jcType":"SS3","jcNum":1234,"comments":"test1"....},

{"jcType":"DDD","jcNum":2365,"comments":"test2"....}....]

};

这样封装,是根据项目需求封装的,使用ajax请求action,将数据发送过去:

[javascript] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. $.ajax({  
  2.     type:"POST",  
  3.     url:"planManage!savePlan.do",  
  4.     data:JSONObj,  
  5.     dataType:"text",  
  6.     success:function(data){  
  7.         alert(data);  
  8.     }  
  9. });  

我们在后台接收:

[java] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. String startTime=request.getParameter("start_time");  
  2.         String endTime=request.getParameter("end_time");  
  3.         String planTitle=request.getParameter("plan_title");  
  4.         String jsonStr=request.getParameter("jsonStr");  

startTime、endTime、title都是可以接收到相应的数据的,因为JSON封装后的数据本来就是键值对的形式,当我们接收jsonStr的时候,发现jsonStr显示为null,表明我们不能通过AJax将数组对象数据传递到后台去,因为它不支持,所以我们需要使用JSONObj.jsonStr=JSON.stringify(objArray);将这个数组对象转换为字符串,然后传递到后台就可以接收了,后台接收后显示的信息是多个对象的字符串信息:

{"jcType":"SS3","jcNum":1234,"comments":"test1"....},{"jcType":"DDD","jcNum":2365,"comments":"test2"....}....

我们使用org.json包下相应的类就可以解析我们的字符串JSON数据:

[java] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. JSONArray jsonArray=new JSONArray(jsonStr);  
  2.         JSONObject jsonObject=null;  
  3.         MainPlanDetail mainPlanDetail=null;  
  4.         List<MainPlanDetail> list=new ArrayList<MainPlanDetail>();  
  5.         for(int i=0;i<jsonArray.length();i++){  
  6.             jsonObject=jsonArray.optJSONObject(i);  
  7.             mainPlanDetail=new MainPlanDetail();  
  8.             mainPlanDetail.setPlanTime(jsonObject.optString("planTime"));  
  9.             mainPlanDetail.setPlanWeek(jsonObject.optString("planWeek"));  
  10.             mainPlanDetail.setJcType(jsonObject.optString("jcType"));  
  11.             mainPlanDetail.setJcNum(jsonObject.optString("jcNum"));  
  12.             mainPlanDetail.setXcxc(jsonObject.optString("xcxc"));  
  13.             mainPlanDetail.setKilometre(jsonObject.optString("kilometre"));  
  14.             mainPlanDetail.setKcArea(jsonObject.optString("kcArea"));  
  15.             mainPlanDetail.setComments(jsonObject.optString("comments"));  
  16.             mainPlanDetail.setIsCash(0);  
  17.             mainPlanDetail.setNum(i+1);  
  18.             list.add(mainPlanDetail);  
  19.         }  

我的逻辑是解析后封装为对象做相应的逻辑处理,jsonObject.optString("planWeek"))与jsonObject.getString("planWeek"))的区别是optString中不存在该字段是返回"",而getString则会出现异常信息!这样我们封装的JSON对象或者JSON数组都能通过前台AJax传入到后台了;

注意:在IE测试中,发现JSON.stringify不兼容IE6、7,就是说在IE6、7下使用会报错:找不到JSON对象,在网上找了相关资料,我们需要引入一个包,json2.js,可以在我的博客中进行下载:http://download.csdn.net/detail/harderxin/6735339

关于JSON.stringify()方法的详解参考:http://www.jb51.net/article/29893.htm

拓展:

JSON.stringify(), 将value(Object,Array,String,Number...)序列化为JSON字符串
JSON.parse(), 将JSON数据解析为js原生值
toJSON(), 作为JSON.stringify中第二个参数(函数过滤器)补充

大家可以去尝试一下!!

这篇关于jquey ajax 将变量值封装json传入JAVA action获取解析的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/880249

相关文章

一文详解SpringBoot中控制器的动态注册与卸载

《一文详解SpringBoot中控制器的动态注册与卸载》在项目开发中,通过动态注册和卸载控制器功能,可以根据业务场景和项目需要实现功能的动态增加、删除,提高系统的灵活性和可扩展性,下面我们就来看看Sp... 目录项目结构1. 创建 Spring Boot 启动类2. 创建一个测试控制器3. 创建动态控制器注

Java操作Word文档的全面指南

《Java操作Word文档的全面指南》在Java开发中,操作Word文档是常见的业务需求,广泛应用于合同生成、报表输出、通知发布、法律文书生成、病历模板填写等场景,本文将全面介绍Java操作Word文... 目录简介段落页头与页脚页码表格图片批注文本框目录图表简介Word编程最重要的类是org.apach

Spring Boot中WebSocket常用使用方法详解

《SpringBoot中WebSocket常用使用方法详解》本文从WebSocket的基础概念出发,详细介绍了SpringBoot集成WebSocket的步骤,并重点讲解了常用的使用方法,包括简单消... 目录一、WebSocket基础概念1.1 什么是WebSocket1.2 WebSocket与HTTP

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

java中反射Reflection的4个作用详解

《java中反射Reflection的4个作用详解》反射Reflection是Java等编程语言中的一个重要特性,它允许程序在运行时进行自我检查和对内部成员(如字段、方法、类等)的操作,本文将详细介绍... 目录作用1、在运行时判断任意一个对象所属的类作用2、在运行时构造任意一个类的对象作用3、在运行时判断

Python使用OpenCV实现获取视频时长的小工具

《Python使用OpenCV实现获取视频时长的小工具》在处理视频数据时,获取视频的时长是一项常见且基础的需求,本文将详细介绍如何使用Python和OpenCV获取视频时长,并对每一行代码进行深入解析... 目录一、代码实现二、代码解析1. 导入 OpenCV 库2. 定义获取视频时长的函数3. 打开视频文

java如何解压zip压缩包

《java如何解压zip压缩包》:本文主要介绍java如何解压zip压缩包问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java解压zip压缩包实例代码结果如下总结java解压zip压缩包坐在旁边的小伙伴问我怎么用 java 将服务器上的压缩文件解压出来,

PostgreSQL的扩展dict_int应用案例解析

《PostgreSQL的扩展dict_int应用案例解析》dict_int扩展为PostgreSQL提供了专业的整数文本处理能力,特别适合需要精确处理数字内容的搜索场景,本文给大家介绍PostgreS... 目录PostgreSQL的扩展dict_int一、扩展概述二、核心功能三、安装与启用四、字典配置方法

SpringBoot中SM2公钥加密、私钥解密的实现示例详解

《SpringBoot中SM2公钥加密、私钥解密的实现示例详解》本文介绍了如何在SpringBoot项目中实现SM2公钥加密和私钥解密的功能,通过使用Hutool库和BouncyCastle依赖,简化... 目录一、前言1、加密信息(示例)2、加密结果(示例)二、实现代码1、yml文件配置2、创建SM2工具

Spring WebFlux 与 WebClient 使用指南及最佳实践

《SpringWebFlux与WebClient使用指南及最佳实践》WebClient是SpringWebFlux模块提供的非阻塞、响应式HTTP客户端,基于ProjectReactor实现,... 目录Spring WebFlux 与 WebClient 使用指南1. WebClient 概述2. 核心依