小程序 如何封装一个请求

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_34874517/article/details/81330677

封装一个请求事件

    在写小程序的时候, 避免不了老是要写请求事件, 既然如此 为什么不封装一个请求只要填写参数就 然后挂载在 app.js里面全局使用

首先 先在app.js 里面写好一个封装函数  如下:

request: function(url, data, successFun, failFun, completeFun){
    wx.request({
      url: 'https:www.baidu.com/xxx/xxx'+url, 
      data: data,
      header: {
  	    "content-type": "application/x-www-form-urlencoded" // 设置请求头
      },
      success: function(res) {// 请求成功发起的回调
        successFun && successFun(res);
      },
      fail: function(res){// 请求失败发起的回调
        failFun&& failFun(res);
      },
      complete: function(res){// 不管成功或者失败都会发起回调
        failFun&& failFun(res); 
      }
    })
}

  将刚刚写好的方法挂载在 app.js 的  globalData 下 。 

  app.js

  

App({
    globalData: { // 挂载在 此处
        request: function(){
            ......
        }
    }
})

  在想要使用请求的页面当中  new 一个超全局变量 然后调用我们刚刚创建好的方法

  

Page({
    onload: function(opstion){
        const app = getApp();
        app.request('url', {
            'xxx': 'xxx'
        }, function(res){ // 成功执行的回调 并传入参数进来
            ....
        }, function(res){ // 请求失败执行的回调 并传入参数进来
            ....
        }, function(res){ // 不管失败或成功都会执行的方法
            ....
        })
    }
})

   这样就可以随时使用 请求的方法了  改动的时候只需要改动一处  不需要到处找来代码来修改啦~