发送请求时，postman正常，微信小程序失败？

问题背景：前端发送一个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字，面试就能加薪！