网站大专,织梦网站图片不显示,微信公众号开发文档官方,wordpress 密码在哪文件搜索热词最近在做一个小小的功能模块#xff0c;前台有很多的数据需要传入到后台#xff0c;前台页面设计如下#xff1a;看起来不是很清楚#xff0c;总之表单中的数据都要提交到后台进行处理#xff0c;然后插入到数据库#xff0c;而且是一起提交到后台的#xff0c;…搜索热词最近在做一个小小的功能模块前台有很多的数据需要传入到后台前台页面设计如下看起来不是很清楚总之表单中的数据都要提交到后台进行处理然后插入到数据库而且是一起提交到后台的实现的方法大致有两种(在处理类似需求如果大家有其他意见可以一起来交流分享)1)通过表单提交当然在后台需要为每个字段定义一个集合对象然后在页面中使用name标志如果使用了strut2的话就更简单了在Action中定义的集合对象名称和页面标签的name字段标签一致那么这些数据在后台就都能够取得到了这里就不进行阐述了2)封装JSON对象然后通过Ajax方法提交到后台将每行记录封装为一个JSON对象然后把这些JSON对象加入到一个数组当中核心代码如下//封装JSON数组对象 function getJSONObject(){ var dateArraygetArrayByName(plan_date); var weekArraygetArrayByName(plan_week); var jcTypeArraygetArrayByName(jcType); var jcNumArraygetArrayByName(jcNum); var xcxcArraygetArrayByName(xcxc); var kilometreArraygetArrayByName(kilometre); var kcAreaArraygetArrayByName(kcArea); var commentsArraygetArrayByName(comments); var startTime$(#startTime).val(); var endTime$(#endTime).val(); var plan_title$(#plan_title).val(); var objArray[]; var objnull; var JSONObjnew Object(); JSONObj.start_timestartTime; JSONObj.end_timeendTime; if(plan_title){ plan_titlestartTime至endTime检修计划; } JSONObj.plan_titleplan_title; for(var i0;i实现的大致思路是将每列字段的数据都封装到一个数组当中因为空字符串也是需要的所以根据下标就可以取得相应的值然后把每行的值封装为一个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将数据发送过去$.ajax({ type:POST,url:planManage!savePlan.do,data:JSONObj,dataType:text,success:function(data){ alert(data); } });我们在后台接收String startTimerequest.getParameter(start_time); String endTimerequest.getParameter(end_time); String planTitlerequest.getParameter(plan_title); String jsonStrrequest.getParameter(jsonStr);startTime、endTime、title都是可以接收到相应的数据的因为JSON封装后的数据本来就是键值对的形式当我们接收jsonStr的时候发现jsonStr显示为null表明我们不能通过AJax将数组对象数据传递到后台去因为它不支持所以我们需要使用JSONObj.jsonStrJSON.stringify(objArray);将这个数组对象转换为字符串然后传递到后台就可以接收了后台接收后显示的信息是多个对象的字符串信息{jcType:SS3,{jcType:DDD,comments:test2....}....我们使用org.json包下相应的类就可以解析我们的字符串JSON数据JSONArray jsonArraynew JSONArray(jsonStr); JSONObject jsonObjectnull; MainPlanDetail mainPlanDetailnull; List listnew ArrayList(); for(int i0;i我的逻辑是解析后封装为对象做相应的逻辑处理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(),将value(Object,Array,String,Number...)序列化为JSON字符串JSON.parse(), 将JSON数据解析为js原生值toJSON(),作为JSON.stringify中第二个参数(函数过滤器)补充大家可以去尝试一下总结如果觉得编程之家网站内容还不错欢迎将编程之家网站推荐给程序员好友。本图文内容来源于网友网络收集整理提供作为学习参考使用版权属于原作者。如您喜欢寻找一群志同道合、互帮互助的学习伙伴可以点击下方链接加入编程之家官方1群编程之家官方2群编程之家官方3群编程之家官方4群
