问题背景:
我要在一个表单里同时一次性提交多名乘客的个人信息到springmvc,前端html和springmvc controller里该如何处理?
第1种方法:表单提交,以字段数组接收;
第2种方法:表单提交,以beanlistmodel接收;
第3种方法:将json对象序列化成json字符串提交,以list接收;
第4种方法:将表单对象序列化成json字符串提交,以list接收;
第4种方法其实是第3种方法的升级,就是将表单转成json对象,再转成json字符串提交;
然而,第4种方法还不支持含有多选控件表单的提交,故应该还有第5种加强版的方法。
以上4种方法都共用同一个user实体类,代码如下:
public class user { private integer id; private string name; private string pwd; @override public string tostring() { return "user{" + "id=" + id + ", name='" + name + '\'' + ", pwd='" + pwd + '\'' + '}'; } // .......后面还有getter、setter方法,省略了 }
第1种方法:表单提交,以字段数组接收
html代码如下:
<form action="/user/submituserlist_1" method="post"> id:<input type="text" name="id"><br/> username:<input type="text" name="name"><br/> password:<input type="text" name="pwd"><br/><br/> id:<input type="text" name="id"><br/> username:<input type="text" name="name"><br/> password:<input type="text" name="pwd"><br/><br/> <input type="submit" value="submit"> </form>
java代码如下:
@requestmapping(value = "/submituserlist_1", method ={requestmethod.post}) @responsebody public string submituserlist_1(httpservletresponse response,integer[] id, string[] name, string[] pwd) throws exception{ string result = ""; if(id == null || id.length <= 0){ return "no any id.中文"; } list<user> userlist = new arraylist<user>(); for (int i = 0; i < id.length; i++ ) { user user = new user(); user.setid(id[i]); user.setname(name[i]); user.setpwd(pwd[i]); userlist.add(user); } result = this.showuserlist(userlist); return result; }
第2种方法:表单提交,以beanlistmodel接收
html代码如下:
<form action="/user/submituserlist_2" method="post"> id:<input type="text" name="users[0].id"><br/> username:<input type="text" name="users[0].name"><br/> password:<input type="text" name="users[0].pwd"><br/><br/> id:<input type="text" name="users[2].id"><br/> username:<input type="text" name="users[2].name"><br/> password:<input type="text" name="users[2].pwd"><br/><br/> <input type="submit" value="submit"> </form>
java代码:
除了刚才公用的user类,还要封装一个user的容器类usermodel:
public class usermodel { private list<user> users; public list<user> getusers() { return users; } public void setusers(list<user> users) { this.users = users; } public usermodel(list<user> users) { super(); this.users = users; } public usermodel() { super(); } }
springmvc controller方法:
@requestmapping(value = "/submituserlist_2", method ={requestmethod.post}) @responsebody public string submituserlist_2(usermodel users) throws exception{ string result = ""; list<user> userlist = users.getusers(); if(userlist == null || userlist.size() <= 0){ return "no any id.中文"; } result = this.showuserlist(userlist); return result; }
第3种方法:将json对象序列化成json字符串提交,以list接收
html代码:
<head> <title>submituserlist_3</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script language="javascript" src="/js/jquery.min.js" ></script> <script language="javascript" src="/js/jquery.json.min.js" ></script> <script type="text/javascript" language="javascript"> function submituserlist_3() {alert("ok"); var customerarray = new array(); customerarray.push({id: "1", name: "李四", pwd: "123"}); customerarray.push({id: "2", name: "张三", pwd: "332"}); $.ajax({ url: "/user/submituserlist_3", type: "post", contenttype : 'application/json;charset=utf-8', //设置请求头信息 datatype:"json", //data: json.stringify(customerarray), //将json对象序列化成json字符串,json.stringify()原生态方法 data: $.tojson(customerarray), //将json对象序列化成json字符串,tojson()需要引用jquery.json.min.js success: function(data){ alert(data); }, error: function(res){ alert(res.responsetext); } }); } </script> </head> <body> <h1>submituserlist_3</h1> <input id="submit" type="button" value="submit" onclick="submituserlist_3();"> </body>
java代码:
@requestmapping(value = "/submituserlist_3", method ={requestmethod.post}) @responsebody public string submituserlist_3(@requestbody list<user> users) throws exception{ string result = ""; if(users == null || users.size() <= 0){ return "no any id.中文"; } result = this.showuserlist(users); return result; }
第4种方法:将表单对象序列化成json字符串提交,以list接收
html代码:
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <title>submituserlist_4</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script language="javascript" src="/js/jquery.min.js" ></script> <script type="text/javascript" language="javascript"> //将表单序列化成json格式的数据(但不适用于含有控件的表单,例如复选框、多选的select) (function($){ $.fn.serializejson = function(){ var jsondata1 = {}; var serializearray = this.serializearray(); // 先转换成{"id": ["12","14"], "name": ["aaa","bbb"], "pwd":["pwd1","pwd2"]}这种形式 $(serializearray).each(function () { if (jsondata1[this.name]) { if ($.isarray(jsondata1[this.name])) { jsondata1[this.name].push(this.value); } else { jsondata1[this.name] = [jsondata1[this.name], this.value]; } } else { jsondata1[this.name] = this.value; } }); // 再转成[{"id": "12", "name": "aaa", "pwd":"pwd1"},{"id": "14", "name": "bb", "pwd":"pwd2"}]的形式 var vcount = 0; // 计算json内部的数组最大长度 for(var item in jsondata1){ var tmp = $.isarray(jsondata1[item]) ? jsondata1[item].length : 1; vcount = (tmp > vcount) ? tmp : vcount; } if(vcount > 1) { var jsondata2 = new array(); for(var i = 0; i < vcount; i++){ var jsonobj = {}; for(var item in jsondata1) { jsonobj[item] = jsondata1[item][i]; } jsondata2.push(jsonobj); } return json.stringify(jsondata2); }else{ return "[" + json.stringify(jsondata1) + "]"; } }; })(jquery); function submituserlist_4() {alert("ok"); var jsonstr = $("#form1").serializejson(); //console.log("jsonstr:\r\n" + jsonstr); //alert(jsonstr); $.ajax({ url: "/user/submituserlist_4", type: "post", contenttype : 'application/json;charset=utf-8', //设置请求头信息 datatype:"json", data: jsonstr, success: function(data){ alert(data); }, error: function(res){ alert(res.responsetext); } }); } </script> </head> <body> <h1>submituserlist_4</h1> <form id="form1"> id:<input type="text" name="id"><br/> username:<input type="text" name="name"><br/> password:<input type="text" name="pwd"><br/><br/> id:<input type="text" name="id"><br/> username:<input type="text" name="name"><br/> password:<input type="text" name="pwd"><br/><br/> <input type="button" value="submit" onclick="submituserlist_4();"> </form> </body> </html>
java代码:
@requestmapping(value = "/submituserlist_4", method ={requestmethod.post}) @responsebody public string submituserlist_4(@requestbody list<user> users) throws exception{ string result = ""; if(users == null || users.size() <= 0){ return "no any id.中文"; } result = this.showuserlist(users); return result; }
总结:
第1、2种方法其实都有一个共同的bug:假如提交三条记录时,前面两条记录的某些字段不填值的话,在springmvc里接收不准确了。而且,每2种方法在hmtl中需要给name属性添加[下标],如果下标有跨度的话(比如第一组控件下标是0,第二组下标是2),那么springmvc里其实的是0到2三个对象的,默认下标是1的那个对象全为null值。
第3、4种方法最实用。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
Mybatis PersistenceException异常:Error building SqlSession The error may exist in SQL Mapper Configur
MyBatis——动态SQL语句——if标签和where标签复合使用
网友评论