小程序网络请求封装(一)

//封装接口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,
}

 

posted @ 2020-04-10 09:34  Mr▪小zhou  阅读(184)  评论(0编辑  收藏  举报