|
最近在做一个小小的功能模块，前台有很多的数据需要传入到后台，前台页面设计如下：
看起来不是很清楚，总之表单中的数据都要提交到后台进行处理，然后插入到数据库，而且是一起提交到后台的，实现的方法大致有两种：(在处理类似需求，如果大家有其他意见，可以一起来交流分享)
1）通过表单提交，当然在后台需要为每个字段定义一个集合对象，然后在页面中使用name标志，如果使用了strut2的话就更简单了，在Action中定义的集合对象名称和页面标签的name字段标签一致，那么这些数据在后台就都能够取得到了，这里就不进行阐述了；
2）封装JSON对象，然后通过Ajax方法提交到后台，将每行记录封装为一个JSON对象，然后把这些JSON对象加入到一个数组当中，核心代码如下：
[javascript]
view plain
copy
- functiongetJSONObject(){
- vardateArray=getArrayByName("plan_date");
- varweekArray=getArrayByName("plan_week");
- varjcTypeArray=getArrayByName("jcType");
- varjcNumArray=getArrayByName("jcNum");
- varxcxcArray=getArrayByName("xcxc");
- varkilometreArray=getArrayByName("kilometre");
- varkcAreaArray=getArrayByName("kcArea");
- varcommentsArray=getArrayByName("comments");
- varstartTime=$("#startTime").val();
- varendTime=$("#endTime").val();
- varplan_title=$("#plan_title").val();
- varobjArray=[];
- varobj=null;
- varJSONObj=newObject();
- JSONObj.start_time=startTime;
- JSONObj.end_time=endTime;
- if(plan_title==""){
- plan_title=startTime+"至"+endTime+"检修计划";
- }
- JSONObj.plan_title=plan_title;
- for(vari=0;i<dateArray.length;i++){
- obj=newObject();
- obj.planTime=dateArray[i];
- obj.planWeek=weekArray[i];
- obj.jcType=jcTypeArray[i];
- obj.jcNum=jcNumArray[i];
- obj.xcxc=xcxcArray[i];
- obj.kilometre=kilometreArray[i];
- obj.kcArea=kcAreaArray[i];
- obj.comments=commentsArray[i];
- objArray.push(obj);
- }
- JSONObj.jsonStr=JSON.stringify(objArray);
- returnJSONObj;
- }
实现的大致思路是将每列字段的数据都封装到一个数组当中，因为空字符串也是需要的""，所以根据下标就可以取得相应的值，然后把每行的值封装为一个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
- $.ajax({
- type:"POST",
- url:"planManage!savePlan.do",
- data:JSONObj,
- dataType:"text",
- success:function(data){
- alert(data);
- }
- });
我们在后台接收：
- StringstartTime=request.getParameter("start_time");
- StringendTime=request.getParameter("end_time");
- StringplanTitle=request.getParameter("plan_title");
- StringjsonStr=request.getParameter("jsonStr");
startTime、endTime、title都是可以接收到相应的数据的，因为JSON封装后的数据本来就是键值对的形式，当我们接收jsonStr的时候，发现jsonStr显示为null，表明我们不能通过AJax将数组对象数据传递到后台去，因为它不支持，所以我们需要使用JSONObj.jsonStr=JSON.stringify(objArray);将这个数组对象转换为字符串，然后传递到后台就可以接收了，后台接收后显示的信息是多个对象的字符串信息：
{"jcType":"SS3",{"jcType":"DDD","comments":"test2"....}....
我们使用org.json包下相应的类就可以解析我们的字符串JSON数据：
- JSONArrayjsonArray=newJSONArray(jsonStr);
- JSONObjectjsonObject=null;
- MainPlanDetailmainPlanDetail=null;
- List<MainPlanDetail>list=newArrayList<MainPlanDetail>();
- for(inti=0;i<jsonArray.length();i++){
- jsonObject=jsonArray.optJSONObject(i);
- mainPlanDetail=newMainPlanDetail();
- mainPlanDetail.setPlanTime(jsonObject.optString("planTime"));
- mainPlanDetail.setPlanWeek(jsonObject.optString("planWeek"));
- mainPlanDetail.setJcType(jsonObject.optString("jcType"));
- mainPlanDetail.setJcNum(jsonObject.optString("jcNum"));
- mainPlanDetail.setXcxc(jsonObject.optString("xcxc"));
- mainPlanDetail.setKilometre(jsonObject.optString("kilometre"));
- mainPlanDetail.setKcArea(jsonObject.optString("kcArea"));
- mainPlanDetail.setComments(jsonObject.optString("comments"));
- mainPlanDetail.setIsCash(0);
- mainPlanDetail.setNum(i+1);
- list.add(mainPlanDetail);
- }
我的逻辑是解析后封装为对象做相应的逻辑处理，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.aspzz.cn/article/29893.htm
拓展：
JSON.stringify(),将value(Object,Array,String,Number...)序列化为JSON字符串
JSON.parse(), 将JSON数据解析为js原生值
toJSON(),作为JSON.stringify中第二个参数(函数过滤器)补充
大家可以去尝试一下！！ （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
