SpringMVC中Ajax传的值显示为null

最新推荐文章于 2023-09-02 09:59:48 发布

wx_17819660359

最新推荐文章于 2023-09-02 09:59:48 发布

阅读量666

点赞数

CC 4.0 BY-SA版权

分类专栏： Springmvc

本文链接：https://blog.youkuaiyun.com/zrcshendustudy/article/details/82953356

Springmvc 专栏收录该内容

11 篇文章

订阅专栏

本文详细解析了在使用SpringMVC框架时，如何正确配置Ajax请求的contentType属性，通过实例演示了去掉不必要的charset=UTF-8设置后的效果，确保了数据的正确传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情景再现：

分析问题：

<%@ 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就好了