wx.request中POST方法传参问题，用到JSON.stringify（）

时间：2020-03-03 20:40:08 阅读：191 评论：0 收藏：0 [点我收藏+]

标签：好的 inf info enc ons class console cat www

前面用到了get方法传参，现在post也需要传参传输内容进去，下面我来一步步研究：

遇到的问题：

传参进去后反馈参数为空，没有报错。错误代码如下：

wx.request({
      url: ‘某地址‘,
      method: "post",
      data: {
        msg: {
          "phone": "某电话",
          "content": this.data.text,
          "date":this.data.time
        }
      },
      header: {
        ‘content-type‘: ‘application/json;charset=UTF-8‘
      },
      success: (res) => {
        console.log(res.data)
      },
    })

上网查找，基本给出的解决方法都是，将头部header改成 "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8" ，结果改了之后反而报错500。左思右想不得门路，网上也没有好的办法，和小组同做前端页面的同学探讨后尝试了如下改造：

 1 formSubmit: function (e) {
 2     this.setData({
 3       time: util.formatTime(new Date())
 4     })
 5     console.log(this.data.text);
 6     console.log(this.data.time);
 7     var thisText = this.data.text;
 8     var thisTime = this.data.time;         /*从此处开始*/
 9     var msg=JSON.stringify({              /*将对象转换成json字符串形式*/
10       phone: "某号码",
11       content: thisText,
12       date: thisTime
13     })
14     wx.request({
15       url: ‘某接口‘,
16       method: "post",
17       data: {
18         msg: msg
19       },21       header: {
22         "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"     /*更改头部*/
23       },
24       success: (res) => {
25         console.log(res.data)
26       },
27     })
28   },