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

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

JVM 的类初始化机制

前言 当你在 Java 程序中new对象时,有没有考虑过 JVM 是如何把静态的字节码(byte code)转化为运行时对象的呢,这个问题看似简单,但清楚的同学相信也不会太多,这篇文章首先介绍 JVM 类初始化的机制,然后给出几个易出错的实例来分析,帮助大家更好理解这个知识点。 JVM 将字节码转化为运行时对象分为三个阶段,分别是:loading 、Linking、initialization

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

浅析Spring Security认证过程

类图 为了方便理解Spring Security认证流程,特意画了如下的类图,包含相关的核心认证类 概述 核心验证器 AuthenticationManager 该对象提供了认证方法的入口,接收一个Authentiaton对象作为参数; public interface AuthenticationManager {Authentication authenticate(Authenti

Spring Security--Architecture Overview

1 核心组件 这一节主要介绍一些在Spring Security中常见且核心的Java类,它们之间的依赖,构建起了整个框架。想要理解整个架构,最起码得对这些类眼熟。 1.1 SecurityContextHolder SecurityContextHolder用于存储安全上下文(security context)的信息。当前操作的用户是谁,该用户是否已经被认证,他拥有哪些角色权限…这些都被保

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式Factory工厂模式Singleton单例模式Delegate委派模式Strategy策略模式Prototype原型模式Template模板模式 Spring5 beans 接口实例化代理Bean操作 Context Ioc容器设计原理及高级特性Aop设计原理Factorybean与Beanfactory Transaction 声明式事物

Java进阶13讲__第12讲_1/2

多线程、线程池 1.  线程概念 1.1  什么是线程 1.2  线程的好处 2.   创建线程的三种方式 注意事项 2.1  继承Thread类 2.1.1 认识  2.1.2  编码实现  package cn.hdc.oop10.Thread;import org.slf4j.Logger;import org.slf4j.LoggerFactory

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来,一站式有声阅读平台听书系统 🌟&nbsp;开篇:遇见未来,从“智听”开始 在这个快节奏的时代,你是否渴望在忙碌的间隙,找到一片属于自己的宁静角落?是否梦想着能随时随地,沉浸在知识的海洋,或是故事的奇幻世界里?今天,就让我带你一起探索“智听未来”——这一站式有声阅读平台听书系统,它正悄悄改变着我们的阅读方式,让未来触手可及! 📚&nbsp;第一站:海量资源,应有尽有 走进“智听