SpringMVC接收多个对象的4种方法
问题背景:
我要在一个表单里同时一次性提交多名乘客的个人信息到SpringMVC,前端HTML和SpringMVCController里该如何处理?
第1种方法:表单提交,以字段数组接收;
第2种方法:表单提交,以BeanListModel接收;
第3种方法:将Json对象序列化成Json字符串提交,以List接收;
第4种方法:将表单对象序列化成Json字符串提交,以List接收;
第4种方法其实是第3种方法的升级,就是将表单转成Json对象,再转成Json字符串提交;
然而,第4种方法还不支持含有多选控件表单的提交,故应该还有第5种加强版的方法。
以上4种方法都共用同一个User实体类,代码如下:
publicclassUser{
privateIntegerid;
privateStringname;
privateStringpwd;
@Override
publicStringtoString(){
return"User{"+
"id="+id+
",name='"+name+'\''+
",pwd='"+pwd+'\''+
'}';
}
//.......后面还有getter、setter方法,省略了
}
第1种方法:表单提交,以字段数组接收
HTML代码如下:
<formaction="/user/submitUserList_1"method="post"> ID:<inputtype="text"name="id"><br/> Username:<inputtype="text"name="name"><br/> Password:<inputtype="text"name="pwd"><br/><br/> ID:<inputtype="text"name="id"><br/> Username:<inputtype="text"name="name"><br/> Password:<inputtype="text"name="pwd"><br/><br/> <inputtype="submit"value="submit"> </form>
Java代码如下:
@RequestMapping(value="/submitUserList_1",method={RequestMethod.POST})
@ResponseBody
publicStringsubmitUserList_1(HttpServletResponseresponse,Integer[]id,String[]name,String[]pwd)
throwsException{
Stringresult="";
if(id==null||id.length<=0){return"NoanyID.中文";}
List<User>userList=newArrayList<User>();
for(inti=0;i<id.length;i++){
Useruser=newUser();
user.setId(id[i]);
user.setName(name[i]);
user.setPwd(pwd[i]);
userList.add(user);
}
result=this.showUserList(userList);
returnresult;
}
第2种方法:表单提交,以BeanListModel接收
HTML代码如下:
<formaction="/user/submitUserList_2"method="post"> ID:<inputtype="text"name="users[0].id"><br/> Username:<inputtype="text"name="users[0].name"><br/> Password:<inputtype="text"name="users[0].pwd"><br/><br/> ID:<inputtype="text"name="users[2].id"><br/> Username:<inputtype="text"name="users[2].name"><br/> Password:<inputtype="text"name="users[2].pwd"><br/><br/> <inputtype="submit"value="Submit"> </form>
Java代码:
除了刚才公用的User类,还要封装一个User的容器类UserModel:
publicclassUserModel{
privateList<User>users;
publicList<User>getUsers(){
returnusers;
}
publicvoidsetUsers(List<User>users){
this.users=users;
}
publicUserModel(List<User>users){
super();
this.users=users;
}
publicUserModel(){
super();
}
}
SpringMVCController方法:
@RequestMapping(value="/submitUserList_2",method={RequestMethod.POST})
@ResponseBody
publicStringsubmitUserList_2(UserModelusers)
throwsException{
Stringresult="";
List<User>userList=users.getUsers();
if(userList==null||userList.size()<=0){return"NoanyID.中文";}
result=this.showUserList(userList);
returnresult;
}
第3种方法:将Json对象序列化成Json字符串提交,以List接收
HTML代码:
<head>
<title>submitUserList_3</title>
<metahttp-equiv="content-type"content="text/html;charset=utf-8">
<scriptlanguage="JavaScript"src="/js/jquery.min.js"></script>
<scriptlanguage="JavaScript"src="/js/jquery.json.min.js"></script>
<scripttype="text/javascript"language="JavaScript">
functionsubmitUserList_3(){alert("ok");
varcustomerArray=newArray();
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>
<inputid="submit"type="button"value="Submit"onclick="submitUserList_3();">
</body>
Java代码:
@RequestMapping(value="/submitUserList_3",method={RequestMethod.POST})
@ResponseBody
publicStringsubmitUserList_3(@RequestBodyList<User>users)
throwsException{
Stringresult="";
if(users==null||users.size()<=0){return"NoanyID.中文";}
result=this.showUserList(users);
returnresult;
}
第4种方法:将表单对象序列化成Json字符串提交,以List接收
HTML代码:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>submitUserList_4</title>
<metahttp-equiv="content-type"content="text/html;charset=utf-8">
<scriptlanguage="JavaScript"src="/js/jquery.min.js"></script>
<scripttype="text/javascript"language="JavaScript">
//将表单序列化成json格式的数据(但不适用于含有控件的表单,例如复选框、多选的select)
(function($){
$.fn.serializeJson=function(){
varjsonData1={};
varserializeArray=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"}]的形式
varvCount=0;
//计算json内部的数组最大长度
for(variteminjsonData1){
vartmp=$.isArray(jsonData1[item])?jsonData1[item].length:1;
vCount=(tmp>vCount)?tmp:vCount;
}
if(vCount>1){
varjsonData2=newArray();
for(vari=0;i<vCount;i++){
varjsonObj={};
for(variteminjsonData1){
jsonObj[item]=jsonData1[item][i];
}
jsonData2.push(jsonObj);
}
returnJSON.stringify(jsonData2);
}else{
return"["+JSON.stringify(jsonData1)+"]";
}
};
})(jQuery);
functionsubmitUserList_4(){alert("ok");
varjsonStr=$("#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>
<formid="form1">
ID:<inputtype="text"name="id"><br/>
Username:<inputtype="text"name="name"><br/>
Password:<inputtype="text"name="pwd"><br/><br/>
ID:<inputtype="text"name="id"><br/>
Username:<inputtype="text"name="name"><br/>
Password:<inputtype="text"name="pwd"><br/><br/>
<inputtype="button"value="submit"onclick="submitUserList_4();">
</form>
</body>
</html>
Java代码:
@RequestMapping(value="/submitUserList_4",method={RequestMethod.POST})
@ResponseBody
publicStringsubmitUserList_4(@RequestBodyList<User>users)
throwsException{
Stringresult="";
if(users==null||users.size()<=0){return"NoanyID.中文";}
result=this.showUserList(users);
returnresult;
}
总结:
第1、2种方法其实都有一个共同的BUG:假如提交三条记录时,前面两条记录的某些字段不填值的话,在SpringMVC里接收不准确了。而且,每2种方法在HMTL中需要给name属性添加[下标],如果下标有跨度的话(比如第一组控件下标是0,第二组下标是2),那么SpringMVC里其实的是0到2三个对象的,默认下标是1的那个对象全为null值。
第3、4种方法最实用。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。