微信小程序以post方式提交

        微信小程序开发中网络请求必不可少.GET .POST请求是最常用的.GET请求,POST请求的时候有好几个坑.我已经为大家填好了.

        之前的.GET 请求都是如下这样写:(给大家举个例子)

wx.request({
      url: url,
      data: {
        teacherid: teacherid
      },
      header: {
        'content-type': 'application/json'
      },
      success: (res) => {
        // console.log(res.data);
        this.setData({
          testpaper: res.data.testpaper,
          teacher : res.data.teacher
        });
      }
    })
但是post方式提交的话就有所改变了,给大家列出以下几点注意事项:

1.  'Content-Type': 'application/json'用在get请求中没问题.

POST请求就不好使了.需要改成 :  "Content-Type": "application/x-www-form-urlencoded"

2. 加上 method: "POST"

3. data: { answer : { "a":10,"b":8,"c":6 } } 写成json格式这样也是请求不到数据的.需要转格式.

这里我用JSON.Stringify() 将json对象转换成json字符串格式

部分代码分享给大家,这里answer与student 都是json对象格式需要转换

wx.request({
      url : "https://www.",
      method: "POST",
      data: {
        answer : JSON.stringify(this.data.answer),
        score : _score,
        pjid : this.data.pj.pjid,
        testpaperid : this.data.pj.testpaperid,
        student : JSON.stringify(this.data.student),
        message : this.data.message
      },
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      success: function (res) {
        console.log(res.data);
        wx.navigateBack({
          delta: 1  //小程序关闭当前页面返回上一页面
        })
        wx.showToast({
          title: '评教成功!',
          icon: 'success',
          duration: 2000
        })
      },
    })

如有问题,欢迎留言,与大家共同探讨与学习!!!


  • 24
    点赞
  • 94
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值