SpringMVC基础学习(三)—参数绑定

最新推荐文章于 2024-11-11 00:03:55 发布

weixin_30251829

最新推荐文章于 2024-11-11 00:03:55 发布

阅读量72

点赞数

文章标签： java json javascript ViewUI

原文链接：http://www.cnblogs.com/yangang2013/p/5804012.html

版权

一、基本数据类型的绑定

页面

<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
                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>