微信小程序GET、POST提交方式

微信小程序网络请求详解

最新推荐文章于 2025-09-29 21:54:21 发布

转载最新推荐文章于 2025-09-29 21:54:21 发布 · 2k 阅读

10 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/lff1123/article/details/80254282

文章标签：

#小程序 #post

微信小程序post请求专栏收录该内容

1 篇文章

订阅专栏

本文详细解析微信小程序中GET和POST请求的使用方法，重点介绍了POST请求时的常见问题及解决办法，包括Content-Type设置、method指定及data格式转换。

微信小程序GET、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
        });
      }
    })

上面的是默认get方式请求方法。

但是post方式提交的话就有所改变了，给大家列出以下几点注意事项：

‘Content-Type’: 'application/json’用在get请求中没问题。
POST请求就不好使了.需要改成 : “Content-Type”: “application/x-www-form-urlencoded”。
加上 method: “POST”。
data: { answer : { “a”:10,“b”:8,“c”:6 } } 写成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
        })
      },
    })