Ajax json交互和SpringMVC中@RequestBody

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代码不变。

防止

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