小程序request封装

Posted 醉里浪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序request封装相关的知识,希望对你有一定的参考价值。

/**
 * request 请求
 */
class request {
  constructor() {
    this._header = {}
  }

  /**
   * 设置统一的异常处理
   */
  setErrorHandler(handler) {
    this._errorHandler = handler;
  }

  /**
   * GET类型的网络请求
   */
  getRequest(url, data, header = this._header) {
    return this.requestAll(url, data, header, ‘GET‘)
  }

  /**
   * POST类型的网络请求
   */
  postRequest(url, data, header = this._header) {
    return this.requestAll(url, data, header, ‘POST‘)
  }

  /**
   * 网络请求
   */
  requestAll(url, data, header, method) {
    return new Promise((resolve, reject) => {
      wx.request({
        url: url,
        data: data,
        header: header,
        method: method,
        success: (res => {
          console.log(res);
          if (res.statusCode === 200) {
            //200: 服务端业务处理正常结束
            resolve(res)
          } else {
            //其它错误,提示用户错误信息
            if (this._errorHandler != null) {
              //如果有统一的异常处理,就先调用统一异常处理函数对异常进行处理
              this._errorHandler(res)
            }
            reject(res)
          }
        }),
        fail: (res => {
          if (this._errorHandler != null) {
            this._errorHandler(res)
          }
          reject(res)
        })
      })
    })
  }
}
export default request

 

以上是关于小程序request封装的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 request请求封装

小程序request封装

小程序request封装

小程序 3 封装 (wx.request)

回归 | js实用代码片段的封装与总结(持续更新中...)

微信小程序request请求封装,验签