微信小程序中post方法与get方法的封装

关于微信小程序中post方法与get方法的封装，可以分为以下几步：

1. 封装request函数

在utils目录下创建一个request.js文件，并在其中封装request函数，该函数接收4个参数：

• url：请求地址；
• data：请求参数；
• method：请求方式，支持GET和POST；
• success：请求成功后的回调函数。

函数内部调用wx.request()方法发送请求，示例代码如下：

const request = ({url, data, method = 'GET', success}) => {
  wx.request({
    url,
    method,
    data,
    success: (res) => {
      success(res.data)
    },
    fail: (err) => {
      wx.showToast({
        title: '网络异常',
        icon: 'none'
      })
    }
  })
}

module.exports = {
  request
}

2. 对get方法进行封装

针对GET方法的请求，可以通过调用request函数实现封装，示例代码如下：

const { request } = require('./request.js')

const get = (url, data, success) => {
  request({
    url,
    data,
    success
  })
}

module.exports = {
  get
}

3. 对post方法进行封装

与GET方法类似，针对POST方法的请求可以通过调用request函数实现封装，示例代码如下：

const { request } = require('./request.js')

const post = (url, data, success) => {
  request({
    url,
    method: 'POST',
    data,
    success
  })
}

module.exports = {
  post
}

在实际开发中，我们可以在模块里导入get和post方法，然后在需要使用的地方调用这些方法。

例如，我们可以在page里使用它，示例代码如下：

const { get, post } = require('../../utils/http.js')

Page({
  onLoad: function () {
    //调用get方法
    get('/api/test', {a: 1, b: 2}, (res) => {
      console.log(res)
    })

    //调用post方法
    post('/api/test', {a: 1, b: 2}, (res) => {
      console.log(res)
    })
  }
})

以上就是微信小程序中post方法与get方法的封装的完整攻略。