ajax使用json传参后端接受不到参数，巨坑，已解决

喜欢ヅ旅行 2021-09-24 08:08 607阅读 0赞

今天 遇到了一个很神奇的问题，我使用ajax向后端传输数据的时候，发现使用json格式无法传输，后端要么报400参数错误，要么就是接收不到参数；

## 问题代码 ##

前端代码：

<body>
    <input type="button" id="but" value="测试" style="width: 200px;height: 200px"/>
    </body>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script>
        $(function () { 
            $("#but").click(function () { 
                $.ajax({ 
                    url:"/test", //调用java后台代码发送验证码
                    contentType: "application/json", //必须这样写
                    dataType:"json",
                    type:"post",
                    data:{ "mobile": "18539204094","code":"123456"},
                    timeout:10000,
                    success:function(data){ 
                        if(data=="success"){ 
                            alert("success");
                        }else{ 
                            alert(data);
                        }
                    },
                    error:function(data){ 
                        alert("error");
                    }
                });
            })
        })
    </script>

后端代码：

@PostMapping("/test")
        @ResponseBody
        public String test01(Mobile mobile){ 
            System.out.println("成功!"+mobile.getMobile()+"验证码:"+mobile.getCode());
            return "success";
        }

然而执行结果，却是无法接受到参数，参数为null

经过一系列研究之后，发现了问题的所在；

contentType: "application/json",

就是这个配置的问题，加上了这个配置，后端就接受不到参数；

而如果不加这个参数，后端则可以接收到参数；

这是什么原因呢？

不加这个参数，ajax会默认的使用

contentType: "application/x-www-form-urlencoded"

而这个配置，程序会将你的参数与后端接收的参数，来一个适配，所以不会出现参数错误的问题；

问题既然知道出在什么地方，那么怎么解决？

## 解决方案 ##

其实很简单，只需要在方法的参数前面加上这个注解就ok了

@PostMapping("/test")
        @ResponseBody
        public String test01(@RequestBody Mobile mobile){ 
            System.out.println("成功!"+mobile.getMobile()+"验证码:"+mobile.getCode());
            return "success";
        }

@RequestBody

这个参数的意思就是接收json形式的参数，所以如果加上这个参数，前端ajax必须使用

contentType: "application/json",

这个配置;

其实在互联网中，传输格式一般都是使用json的格式，所以大家在自己项目中，最好也使用这种规范；

当然，你精准了参数格式，在前后端传输的时候，效率会提升一点点，因为不用再去适配了嘛，  
json格式传过去，对就返回成功，不对就返回错误，肯定比再去适配参数格式，来的更快一点!