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

2024-04-06 15:58
文章标签 java 封装 json 解析 获取 action ajax 传入 变量值 jquey

本文主要是介绍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。

相关文章

Python获取中国节假日数据记录入JSON文件

Python获取中国节假日数据记录入JSON文件

《Python获取中国节假日数据记录入JSON文件》项目系统内置的日历应用为了提升用户体验,特别设置了在调休日期显示“休”的UI图标功能,那么问题是这些调休数据从哪里来呢？我尝试一种更为智能的方法：P... 目录节假日数据获取存入jsON文件节假日数据读取封装完整代码项目系统内置的日历应用为了提升用户体验，
阅读更多...
微信公众号脚本-获取热搜自动新建草稿并发布文章

微信公众号脚本-获取热搜自动新建草稿并发布文章

《微信公众号脚本-获取热搜自动新建草稿并发布文章》本来想写一个自动化发布微信公众号的小绿书的脚本,但是微信公众号官网没有小绿书的接口,那就写一个获取热搜微信普通文章的脚本吧,：本文主要介绍微信公众... 目录介绍思路前期准备环境要求获取接口token获取热搜获取热搜数据下载热搜图片给图片加上标题文字上传图片
阅读更多...
Java编译生成多个.class文件的原理和作用

Java编译生成多个.class文件的原理和作用

《Java编译生成多个.class文件的原理和作用》作为一名经验丰富的开发者,在Java项目中执行编译后,可能会发现一个.java源文件有时会产生多个.class文件,从技术实现层面详细剖析这一现象... 目录一、内部类机制与.class文件生成成员内部类（常规内部类）局部内部类（方法内部类）匿名内部类二、
阅读更多...
SpringBoot实现数据库读写分离的3种方法小结

SpringBoot实现数据库读写分离的3种方法小结

《SpringBoot实现数据库读写分离的3种方法小结》为了提高系统的读写性能和可用性,读写分离是一种经典的数据库架构模式,在SpringBoot应用中,有多种方式可以实现数据库读写分离,本文将介绍三... 目录一、数据库读写分离概述二、方案一：基于AbstractRoutingDataSource实现动态
阅读更多...
使用Jackson进行JSON生成与解析的新手指南

使用Jackson进行JSON生成与解析的新手指南

《使用Jackson进行JSON生成与解析的新手指南》这篇文章主要为大家详细介绍了如何使用Jackson进行JSON生成与解析处理,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 核心依赖2. 基础用法2.1 对象转 jsON（序列化）2.2 JSON 转对象（反序列化）3.
阅读更多...
Springboot @Autowired和@Resource的区别解析

Springboot @Autowired和@Resource的区别解析

《Springboot@Autowired和@Resource的区别解析》@Resource是JDK提供的注解,只是Spring在实现上提供了这个注解的功能支持,本文给大家介绍Springboot@... 目录【一】定义【1】@Autowired【2】@Resource【二】区别【1】包含的属性不同【2】@
阅读更多...
springboot循环依赖问题案例代码及解决办法

springboot循环依赖问题案例代码及解决办法

《springboot循环依赖问题案例代码及解决办法》在SpringBoot中,如果两个或多个Bean之间存在循环依赖（即BeanA依赖BeanB,而BeanB又依赖BeanA）,会导致Spring的... 目录1. 什么是循环依赖？2. 循环依赖的场景案例3. 解决循环依赖的常见方法方法 1：使用 @La
阅读更多...
Java枚举类实现Key-Value映射的多种实现方式

Java枚举类实现Key-Value映射的多种实现方式

《Java枚举类实现Key-Value映射的多种实现方式》在Java开发中,枚举(Enum)是一种特殊的类,本文将详细介绍Java枚举类实现key-value映射的多种方式,有需要的小伙伴可以根据需要... 目录前言一、基础实现方式1.1 为枚举添加属性和构造方法二、http://www.cppcns.co
阅读更多...
Elasticsearch 在 Java 中的使用教程

Elasticsearch 在 Java 中的使用教程

《Elasticsearch在Java中的使用教程》Elasticsearch是一个分布式搜索和分析引擎,基于ApacheLucene构建,能够实现实时数据的存储、搜索、和分析,它广泛应用于全文... 目录1. Elasticsearch 简介2. 环境准备2.1 安装 Elasticsearch2.2 J
阅读更多...
Java中的String.valueOf()和toString()方法区别小结

Java中的String.valueOf()和toString()方法区别小结

《Java中的String.valueOf()和toString()方法区别小结》字符串操作是开发者日常编程任务中不可或缺的一部分,转换为字符串是一种常见需求,其中最常见的就是String.value... 目录String.valueOf()方法方法定义方法实现使用示例使用场景toString()方法方法
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2