今天 遇到了一个很神奇的问题，我使用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格式传过去，对就返回成功，不对就返回错误，肯定比再去适配参数格式，来的更快一点!

# ajax # javascript # java
GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支：1 个月前 )
960b763e 3 个月前
8c391e04 6 个月前
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

[转载]在Windows环境下安装GNU Radio

转自：在Windows环境下安装GNURadio_恐弱智_新浪博客GNU Radio是用Python开发的，大部分开源的工程能够在Linux环境下运行良好，而Windows下却运行的很勉强，而且安装配置都很复杂。GNU Radio算是个例外了，不光提供了Windows的二进制安装，还有比较详细的说明。我是Python小白，所以折腾了好久才弄好，特意记录下来，免得以后再装还折腾。GNU Radio的

avatar GitCode 开源社区

centOS 8 使用dnf安装Docker

DNF是什么？CentOS 8使用YUM软件包管理器版本v4.0.4。现在，该版本使用DNF(已删除YUM)。DNF是软件包管理器。它会在Linux发行版上安装，执行更新并删除软件包。使用DNF安装Docker跳过具有损坏依赖性的程序包一个有效的解决方案是使您的CentOS 8系统使用以下--nobest命令安装最符合条件的版本：sudo dnf install docker...

avatar GitCode 开源社区

定时同步数据库表(mysql+linux+crontab)

sync.sh里面的参数需要改变，ip/username/password/database/tablesync.sh#!/bin/sh# Please change the IP and password of the data source db.# Then change the table name.filename=/home/nington/db/$(date +%Y-%m

avatar GitCode 开源社区