SpringMVC中Ajax传的值显示为null

情景再现：

分析问题：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String contextPath=request.getContextPath();%>
<!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>SpringMVC</title>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script> 
<script>
    function submit() {
         console.info($('#form1').serialize())
         console.info($('#form1').serializeArray())
        $.ajax({
        	url:'<%=contextPath%>/web/mvc/m1',
        	type:'post',
            dateType:'json', 
            contentType:'charset=UTF-8',
            data:$('#form1').serializeArray(),
            success:function(data) {
                console.info(data)
            },
            error:function(data){
            	alert("失败啦");
            }
        })
    }
</script>
</head>
<body>
 <form id="form1">
        用户名: <input type="text" name="name" id="name"/> <br> 
        年    龄: <input type="text" name="age" id="age"/><br>
              兴    趣: <input type="checkbox" name="sport" value="1">足球
               <input type="checkbox" name="sport" value="2">篮球<br>
               <a onclick="submit()">提交</a>

    </form> 
</body>
</html>

原来时contentType:"charset=UTF-8"是多余的

解决问题：

去掉contentType就好了

SpringMVC中Ajax传的值显示为null

相关推荐