小程序request请求接口封装（常用）以及使用方法

第一步：在小程序目录中新建一个utils文件，里面在新建一个js文件用来编写封装的请求方法

第二步：封装接口
//封装接口post from表单类型

function way1(url, data, cb) {

  wx.showLoading({})    //加载动画  

  wx.request({

    url: '公用域名' + url,   //域名 （据情况而定）  url为地址

    data: data,  //所需要传的参数

    header: { 

      "Content-Type": "application/x-www-form-urlencoded",   // 处理form表单的请求头

      "cache-control":"no-cache"      //处理在回调时反应慢的问题（可不写）

    },

    method: 'POST',    //方式为post

    dataType: 'json',

    responseType: 'text',

    success: function (res) {  // 请求成功后

                     wx.hideLoading();  //请求成功后加载动画结束

                    return typeof cb == "function" && cb(res)    // 用来判断返回的是否是函数

    },

    fail: function (res) {   //请求失败

                        wx.hideLoading();

                        wx.showModal({

                                 title: '网络错误',

                                 content: '网络出错，请刷新重试',

                                 showCancel: false

                        })

              return typeof cb == "function" && cb(false)

      },

  })

}

//封装接口post json类型

function way2(url, data, cb) {

  wx.showLoading({})

  wx.request({

    url: '公用域名'/' + url,

    data: data,

    header: {

      "Content-Type": "application/json;charset=UTF-8",

      "cache-control": "no-cache"

    },

    method: 'POST',

    dataType: 'json',

    responseType: 'text',

    success: function (res) {

                      wx.hideLoading();

           return typeof cb == "function" && cb(res)

    },

    fail: function (res) {

                        wx.hideLoading();

                        wx.showModal({

                                 title: '网络错误',

                                 content: '网络出错，请刷新重试',

                                 showCancel: false

                        })

             return typeof cb == "function" && cb(false)

               },

  })

}

//封装接口get 基本都是json类型的

function way3(url, data, cb) {

  wx.showLoading({})

  wx.request({

    url: '公用域名'/' + url,

    data: data,

    header: {

      "Content-Type": "application/json;charset=UTF-8",

      "cache-control": "no-cache"

    },

    method: 'GET',

    dataType: 'json',

    responseType: 'text',

    success: function (res) {

                     wx.hideLoading();

           return typeof cb == "function" && cb(res)

    },

    fail: function (res) {

               wx.hideLoading();

   

               wx.showModal({

           title: '网络错误',

           content: '网络出错，请刷新重试',

                        showCancel: false

               })

             return typeof cb == "function" && cb(false)

     },

  })

}

//将方法暴露

module.exports = {

method1: way1,

method2: way2,

method3: way3,

}

第三步：在app.js文件中引入封装好的文件（为了全局使用）
var util = require(‘utils/util.js’) //引入util.js,地址根据自己的地址填写

然后在app中配置我们的方法

app({

               func: { //这里配置我们需要的方法

                       req1: util.method1,

                       req2: util.method2,

                       req3: util.method3,

              },

})

第四步：使用
var app = getApp(); //引入

在Page（{}）中：

 app.func.way1('地址接口',{参数},(res)=>{console.log(res)})