一、基本数据类型的绑定
页面
<form action="${pageContext.request.contextPath}/test.do" method="post"> 年龄: <input type="text" name="age" /> <br><br> <input type="submit" value="提交"/> </form>
后台代码
@RequestMapping("/test")
public void test(int age){
System.out.println(age);
}
表单中input的name值和Controller的参数变量名保持一致，就能完成数据绑定，如果不一致可以使用@RequestParam注解。需要注意的是，如果Controller方法参数中定义的是基本数据类型，但是从页面提交过来的数据为null或者""的话，会出现数据转换的异常。也就是必须保证表单传递过来的数据不能为null或""，所以，在开发过程中，对可能为空的数据，最好将参数数据类型定义成包装类型。
二、包装类型
页面
<form action="${pageContext.request.contextPath}/test.do" method="post"> 年龄: <input type="text" name="age" /> <br><br> <input type="submit" value="提交"/> </form>
后台代码
@RequestMapping("/test")
public void test(Integer age){
System.out.println(age);
}
和基本数据类型基本一样，不同之处在于，表单传递过来的数据可以为null或""，以上面代码为例，如果表单中num为""或者表单中无age这个input，那么，Controller方法参数中的num值则为null。
三、POJO类型
Person.java
public class Person{
private Integer age;
private String name;
@Override
public String toString(){
return "Person [age=" + age + ", name=" + name + "]";
}
//get set ....
}
页面
<form action="${pageContext.request.contextPath}/test.do" method="post"> 姓名: <input type="text" name="name" /> <br> 年龄: <input type="text" name="age" /> <br><br> <input type="submit" value="提交"/> </form>
后台代码
@RequestMapping("/test")
public void test(Person person){
System.out.println(person.toString());
}
只需要表单的name值与对象的属性名一致即可。
四、复合类型的POJO
Person.java
public class Person{
private Integer age;
private String name;
private Address address;
//get set...
}
页面
<form action="${pageContext.request.contextPath}/test.do" method="post"> 姓名: <input type="text" name="name" /> <br> 年龄: <input type="text" name="age" /> <br> 省份: <input type="text" name="address.province" /> <br> 城市: <input type="text" name="address.city" /> <br> 街道: <input type="text" name="address.street" /> <br><br> <input type="submit" value="提交"/> </form>
后台代码
@RequestMapping("/test")
public void test(Person person){
System.out.println(person.toString());
}
五、List
将表单对象序列化成Json字符串提交，以List接收
页面
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script> <script type="text/javascript"> $(function(){ (function($){ // 先转换成{"name": ["Tom","Jerry"], "age": ["22","23"]}这种形式 $.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=this.serialize(); $(array).each(function(){ if(serializeObj[this.name]){ if($.isArray(serializeObj[this.name])){ serializeObj[this.name].push(this.value); }else{ serializeObj[this.name]=[serializeObj[this.name],this.value]; } }else{ serializeObj[this.name]=this.value; } }); // 再转成[{"name": "Tom", "age": "22"},{"name": "Jerry", "age": "23"}]的形式 var vCount = 0; // 计算json内部的数组最大长度 for(var item in serializeObj){ var tmp = $.isArray(serializeObj[item]) ? serializeObj[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 serializeObj) { jsonObj[item] = serializeObj[item][i]; } jsonData2.push(jsonObj); } return JSON.stringify(jsonData2); }else{ return "[" + JSON.stringify(serializeObj) + "]"; } }; })(jQuery); }); function submit(){ var param = $("#userForm").serializeJson(); $.ajax({ url:"${pageContext.request.contextPath}/test.do", data:param, type:"POST", dataType:"json", contentType:"application/json;charset=utf-8", success:function(msg){ } }); } </script> </head> <body> <form id="userForm"> 姓名: <input type="text" name="name" /> <br> 年龄: <input type="text" name="age" /> <br><br> 姓名: <input type="text" name="name" /> <br> 年龄: <input type="text" name="age" /> <br><br> <a href="#" onclick="submit();">提交</a> </form> </body> </html>
