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

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

  • 17
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
TDengine是一种高性能、高可靠的时序数据库,由中国企业开发而成。然而,有些用户认为TDengine存在许多问题,因此将其称为"巨坑"。以下是一些可能导致用户这样形容TDengine的问题: 首先,TDengine在与其他数据库集成时可能存在兼容性问题。由于其独特的架构和设计理念,一些已有的应用程序或工具可能无法直接适配TDengine。这可能导致用户需要进行大量的修改或重写现有代码,对于一些复杂的应用场景来说,这可能是一项耗时且繁琐的工作。 其次,TDengine的文档和教程相对较少。对于新用户来说,他们可能很难找到足够的资源来学习和理解TDengine的使用方法和最佳实践。这可能给用户带来一些困扰,特别是在遇到问题时很难找到解决办法。 此外,TDengine在某些方面的性能可能不如用户期望。虽然它被称为高性能数据库,但是与其他同类产品相比,TDengine可能在某些场景下的性能表现不如人意。这可能导致一些用户对TDengine的性能感到失望,并在使用过程中遇到一些瓶颈。 最后,TDengine可能也存在一些稳定性问题。尽管它被标榜为高可靠性数据库,但在实际使用中,一些用户可能遇到了一些无法解决的故障或崩溃问题。这可能对用户的业务和数据产生一定的影响,并损害用户对TDengine的信任度。 总之,尽管TDengine在性能和可靠性方面具备一定的优势,但也不能否认它目前还存在一些问题。用户在选择使用TDengine时需要充分了解其特点和局限性,并根据自身业务需求评估是否适合使用
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值