Applet wx Request encapsulation

An example of an applet's official interface ：

wx.request({
  url: 'test.php', // Just for the sample , Not a real interface address 
  data: {
     x: '' ,
     y: ''
  },
  header: {
  	'content-type': 'application/json' //  The default value is 
  },
  success: function(res) {
    console.log(res.data)
  }
})

among ,url The URL section of the ,header part ,method: 'POST', It's repetitive , Write every page wx.request Very trouble . 

1. Create a new one js（ Usually placed in small programs utils Under the folder ）. Name at will （ My name is wxrequest.js）.

var app = getApp();
function request(url, postData, doSuccess, doFail, doComplete) {
  var api_url = app.globalData.api_url;
  wx.request({
    url: api_url + url,
    data: postData,
    method: 'POST',
    success: function(res) {
      if (typeof doSuccess == "function") {
        doSuccess(res);
      }
    },
    fail: function() {
      if (typeof doFail == "function") {
        doFail();
      }
    },
    complete: function() {
      if (typeof doComplete == "function") {
        doComplete();
      }
    }
  });
};
module.exports.request = request;

2. Introduce this file at the top of the page that needs to invoke the interface .

3. Call the interface in the page , Write directly in this way

request.request(
      'adp',          // Need to pass to wxrequest.js  Of  url
      {pos: 'HOT'},   // It needs to be passed on  data
      function(res) {   // The transmission was successful , What comes out of the interface .
        // What to do after the interface call is successful .
      console.log('QQ39560458',res.data)
        if (res.data.err == 0) {
          that.setData({
            adp: res.data.data.imgs
          })
        }
      }
    )

When the data comes out, you can assign values directly .

What don't you understand , Feel free to leave a comment below .