微信小程序 在使用wx.request時顯示加載中

微信小程序中，向后台請求數據是，通常想給用戶提示正在加載中，如下圖：

我們可以用wx.showLoading(OBJECT)，當請求服務器的地方多了，怎么才能不每次都要去調用函數，我們只要對wx.request加工下就可以了，在utils下新建js文件network.js

var requestHandler = {
  url: '',
  data: {},
  method: '',
  success: function (res) {
  },
  fail: function () {
  },
  complete: function () {
  }
}

function request(requestHandler) {
  var data = requestHandler.data;
  var url = requestHandler.url;
  var method = requestHandler.method;
  wx.showLoading({
    title: '加載中',
  })
  wx.request({
    url: url,
    data: data,
    method: method,
    success: function (res) {
      wx.hideLoading();
      requestHandler.success(res)
    },
    fail: function () {
      wx.hideLoading();
      requestHandler.fail();
    },
    complete: function () {
      
    }
  })
}

module.exports = {
  request: request
}

　在需要用到的js文件用require引入即可,之后你要向服務器請求數據只要

network.request({
  url:'',
  data:{}
  success:function(){
    
  }
})

這樣就完成了wx.request的加工了，之后只要你向服務器請求數據，就會顯示加載中的樣式