小程序二次封装request请求

不管做什么项目,一般会对ajax请求做个二次封装,小程序也不例外。

小程序开发中都会调用API,小程序的开发文档提供了相对实用的api wx.request(),把它进行二次封装成自己喜欢的写法
 
我们在全局app.js 中定义 接口服务地址
// 后端接口服务地址
var serverUrl = 'https://*************';

 封装方法

  request(url, method, params) {
    let header = {
      'token': wx.getStorageSync("token"),
      'sessionKey': wx.getStorageSync("sessionkey")
    }
      let userurl = serverUrl +url
    }
    return new Promise((resolve, reject) => {
      wx.request({
        url: userurl,
        method: method,
        data: data,
        header: header,
        success: function(res) {
          if (res.statusCode == 200) {
            resolve(res);
          }else if (res.statusCode == '401'){
            wx.redirectTo({
              url: '/pages/login/login',  //跳转到登录页
            })
            reject(res.data);
          } else {
            reject(res.data);
          }
        },
        fail: (res => {
          console.log(res)
          wx.hideLoading();
          wx.showToast({
            title: '网络差,请稍后再试!',
            icon: 'none',
            duration: 1500
          })
          reject('网络差,请稍后再试!');
        })
      })
    })
  },

  

  在需要的地方引入

const app = getApp()
Page({
   app.request(url,method,params).then(res=>{
           console.log(res)
  })
})

  



posted @ 2020-03-24 15:53  微笑时很美n  阅读(575)  评论(0编辑  收藏  举报