Ajax json交互和SpringMVC中@RequestBody

标签:

---

背景

自己提供出去得接口中参数设置为@RequestBody VipPromotionLog vipPromotionLog为一个对象。但是前端人员得处理方式代码如下

    var data = {

        "userId" : 20142100122,

        "userOperationStep" : 2,

        "appPlatform": "android",

        "app" : 0,

        "videoId":123123

    };

    $.ajax({

        url : 'http://localhost:81/online-2c/api/vippromotion',

        type : 'POST',

        dateType : 'json',

        data:data,

        success : function(msg){

            console.log(msg);

        }

    })

问题出现

上述情况出现如图一错误

图一

排查

查看这从请求得类型如图二

图二

content-Type为application/x-www-form-urlencoded

而且传输过去的类型是一个对象，那么我们设置的@RequestBody需要的是什么，难道不是一个对象。这里我个人的理解为@RequestBody需要传输过去的是一个字符串并且和其注释的对象的属性一一对应。

解决

办法一

有两种办法解决 第一不改变后台代码的情况下解决办法如下代码

    var data = {

        "userId" : 20142100122,

        "userOperationStep" : 2,

        "appPlatform": "android",

        "app" : 0,

        "videoId":123123

    };

    $.ajax({

        url : 'http://localhost:81/online-2c/api/vippromotion',

        type : 'POST',

        dateType : 'json',

        contentType : 'application/json',

        data:JSON.stringify(data),

        success : function(msg){

            console.log(msg);

        }

    })

application/json 传输过去的数据为json对象的字符串，data为一个对象，用JSON.stringify转换成对象字符串，其实上面代码和下面的是一样的

   var data = '{\n' +

        '        "userId" : 20142100122,\n' +

        '        "userOperationStep" : 2,\n' +

        '        "appPlatform": "android",\n' +

        '        "app" : 0,\n' +

        '        "videoId":123123\n' +

        '    }';

    $.ajax({

        url : 'http://localhost:81/online-2c/api/vippromotion',

        type : 'POST',

        dateType : 'json',

        contentType : 'application/json',

        data:data,

        success : function(msg){

            console.log(msg);

        }

    })

办法二

修改后台代码，去除@RequestBody注解。这样的话你传输过去的就是一个对象了，并一一对应，如果没有的话就为空。前端js代码不变。

防止

根据前后端的数据交互类型来进行选择。