问题背景:前端发送一个json对象(字符串格式),后端用springMVC接收。问题是:后端代码不变,前端用postman发送数据时一切正常;但如果前端用微信小程序发送,后端就无法接收到数据(不报异常,但接收到的属性都是null)。以下是具体问题情况:
(1)后台代码:
@RequestMapping(value = "addUser",method = RequestMethod.POST)
public Result addUser(@RequestBody User user){...
}
(2-1)前端用postman测试
用postman发送数据时,后台能够正常接收到数据
(2-2)前端用微信小程序测试
微信小程序的请求代码如下:
let user = {"id": 1, "userId": "xxxx","name": 0,"phone": "aaa","address": "bbb"};wx.request({url: `http://localhost:12001/user/addUser`,method: 'post',data: {user: JSON.stringify(user)},header: {"Content-Type": "application/json"},success: (result) => {...}});
用微信小程序发送数据时,请求能够抵达后台,但是后台接收到的对象属性都是null。具体是,后台代码中
@RequestMapping(value = "addUser",method = RequestMethod.POST)
public Result addUser(@RequestBody User user){...
}
参数user的所有属性值都是null,例如我debug调试时,看到user.id=null,user.name=null...
请问颜老师,您觉得是什么问题呢?难道是微信小程序的bug?
答:不是开发语言的bug,是细节出了问题。
一言以蔽之:在使用微信小程序时,后端需要的是“json字符串”,而你发送的是 ” user: json字符串 “。
详细分析如下:
你用post测试时,发送的数据是
这是一个标准的json数据,后台用 @RequestBody User user接收时,json数据和User属性一一对应,自然能够正确赋值。
但看看你微信小程序的代码,重点是下面data这一行:
...data: {user: JSON.stringify(user) //问题代码},header: {...},success: (result) => {...}
在data传参时,你发送的数格式是:user: JSON.stringify(user),翻译一下就是 ” user: json字符串 “。
也就是说,你发送的参数格式是: key: {key:value,key:value,...} ,最左侧的key和你参数名"user"对应,右侧大括号中的{key:value,...}才是你真正发送的json数据。显然 ,这种 ” user: json字符串 “,无法和User属性一一对应。你应该把左侧的user删掉,直接发送右侧的 "json字符串"就可以了。具体的,你只需要把微信小程序中的
data: {user: JSON.stringify(user)
}
改成以下一句,再去尝试,应该就可以了。
data: JSON.stringify(user)
值得称赞的是,当你用了微信小程序和postman两种工具进行测试。这样做,可以多手段测试后台代码的正确性,清晰的定位是前端代码、还是后端代码出现的问题。
- 完 -
推荐阅读
什么是缓存击穿、缓存雪崩、缓存穿透?
答疑 | 通俗解释前后端分离?
答疑 | 背下这300字,面试就能加薪!