微信小程序封装请求方法wx.request(OBJECT)

小程序写完也一段时间了,最近分享下装逼的技能吧,封装请求方法,不但高大上,而且使用简单。先说说小程序自带的请求吧!

wx.request(OBJECT)

参数:

参数名 类型 必填 默认值 说明
url String 开发者服务器接口地址
data Object/String/ArrayBuffer 请求的参数
header Object 设置请求的 header,header 中不能设置 Referer。
method String GET 有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
dataType String json 如果设为json,会尝试对返回的数据做一次 JSON.parse
responseType String text 设置响应的数据类型。合法值:text、arraybuffer
success Function 收到开发者服务成功返回的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)
wx.request({
  url: 'xxxx.php', 
  data: {
     x: '' ,
     y: ''
  },
  method:"POST",
  header: {
      'content-type': 'application/json'
  },
  success: function(res) {
    console.log(res.data)
  }
})

上面的代码段是维信提供的方法,下面我就说说封装的方法吧

//  公用请求方法
  netRequest: function ({url, data, success, method = "POST"}) {
xxx
    let server = 'https://xxx.xxxxxxxx.cn';//正式域名
    // let server = 'http://dxxx.xxxxxxxxxx.cn';//测试域名
    // 本地取存储的 sessionID
    let sessionId = wx.getStorageSync('sid'),
        that      = this;

    if (sessionId != "" && sessionId != null) {
      var header = { 'content-type': 'application/x-www-form-urlencoded', 'Cookie': 'sid=' + sessionId };
    } else {
      var header = { 'content-type': 'application/x-www-form-urlencoded' };
    }
   wx.request({
      url: server + url,
      method: method,
      data: data,
      header: header,
      success: (res) => {
        if (sessionId == "" || sessionId == null) {
          wx.setStorageSync('sid', res.data.info.session_id) //  如果本地没有就说明第一次请求 把返回的 sessionId 存入本地
        }
        let data = res.data;
        res['statusCode'] === 200 ? success(data) : that.fail();
      },
      fail: function (res) {
        wx.hideLoading();
        wx.showToast({
          title     :   '请求超时',
          icon      :   'loading',
          duration  :   2000
        })
      },
      complete:function(){
        wx.hideLoading();
      }
    });
  }

这里我要补充下,上面的url就是我把所有的借口都写在一个js里了,所以就是server+url,然后就域名,这个域名分测试域名和正式域名,这样开发的时候就可以用测试等一切好了没问题了就可以用正式的,每次只需要注释就可以了。
微信小程序封装请求方法wx.request(OBJECT)_第1张图片
这个是截图,下面的是api接口
微信小程序封装请求方法wx.request(OBJECT)_第2张图片
接口是对象,建和值,然后就是应用
微信小程序封装请求方法wx.request(OBJECT)_第3张图片
微信小程序封装请求方法wx.request(OBJECT)_第4张图片
鄙人拙见,如有出入,劳烦指点,谢谢

你可能感兴趣的:(小程序请求,微信小程序请求)