Fork me on GitHub

jsp多模块相同数据提交到后台之数据处理

最近在写一个java多模块表单提交,起初想的只是一个简单的form表单提交,写的时候发现不是真简单。多个相同类型数据提交到后台接收的问题很困难。

于是,和人进行深入的讨论,感觉j以json的格式提交时比较好的。

1、定义一个数组

var json = [];

2、定义一个对象

1 var ImgEditDataNode={};

3、使用push方法将对象填充到数组中

json.push(ImgEditDataNode);

4、使用JSON.stringify()将定义的数组转成一个 JSON字符串

1 var Result = JSON.stringify(json);

5、完整的demo

 1 $('.ImgUpdateBtn').click(function(){
 2                 var json = [];
 3                     var parent=document.getElementById('imgEditBody');
 4                     var Node=parent.getElementsByTagName('textarea');
 5 //                    console.log(Node.length);
 6                     for(var i=0;i<Node.length;i++){
 7                         var ImgEditDataNode={};
 8                         ImgEditDataNode.title=document.getElementById('title'+i).value;
 9                         ImgEditDataNode.content=document.getElementById('content'+i).value;
10                         console.log(document.getElementById('content'+i).value);
11                         ImgEditDataNode.order=document.getElementById('orders'+i).value;
12                         ImgEditDataNode.img_id=document.getElementById('img_id'+i).value;
13 //                        console.log(ImgEditDataNode);
14                         json.push(ImgEditDataNode);
15                     }
16                     var Result = JSON.stringify(json);
17                     console.log(Result);
18                     var data={
19                             ds:Result
20                     }
21                     $.post("update"+_this.dataname+"ImgData",data,function(data){
22                         bootbox.alert("完成修改!", function (result) {});
23                         
24                     },'text');
25                     
26             })
27         }

 

posted @ 2018-06-15 00:38  壶小旭  阅读(195)  评论(0编辑  收藏  举报