首页 > 微信 > 详细

封装微信小程序的全局ajax

时间:2021-09-11 13:25:52      阅读:10      评论:0      收藏:0      [点我收藏+]

微信小程序中app.js的变量方法是可以通过getApp()暴露在其他页面的

通过getApp()我们可以封装ajax,这样就不用一个页面一个页面的去写request了

也不用一遍又一遍的去写重复的请求url头部

  ajax: {
    get: (url, data, header) => {
      return getApp().ajax.request(url, data, header, ‘GET‘)
    },
    post: (url, data, header) => {
      return getApp().ajax.request(url, data, header, ‘POST‘)
    },
    request(url, data, header = {}, method) {
      const vm = this
      wx.showLoading()
      if (wx.getStorageSync(‘userInfo‘).accessToken) {
        let token = {
          "access-token": wx.getStorageSync(‘userInfo‘).accessToken
        }
        Object.assign(header, token)
      }
      return new Promise((resolve, reject) => {
        wx.request({
          url: ‘https://‘ + url,
          data,
          header,
          method,
          success(res) {
            wx.hideLoading()
            if (res.statusCode == 200) {
              if (res.data.code == 200) {
                resolve(res.data)
              } else if (res.data.code == 401) {
                wx.showToast({
                  title: res.data.msg || ‘请重新登录!‘,
                  icon: "none"
                })
                reject(res.data)
                wx.navigateTo({
                  url: `/pages/index/index`
                })
              } else if (res.data.code == 402) {
                reject(res.data)
                wx.navigateTo({
                    url: `/pages/login/login`
                  })
              } else if (res.data.code == 403) {
                wx.showToast({
                  title: res.data.msg || ‘没有权限!‘,
                  icon: "none"
                })
                reject(res.data)
              } else {
                wx.showToast({
                  title: res.data.msg || ‘请求失败!‘,
                  icon: "none"
                })
                reject(res.data)
              }
            } else {
              wx.showToast({
                title: res.data.msg || ‘请求失败!‘,
                icon: "none"
              })
              reject(res)
            }
          },
          fail() {
            reject({
              msg: ‘请求失败‘,
              url: vm.withBaseURL ? vm.baseURL + url : url,
              method,
              data
            })
          }
        })
      })
    },
}

  在其他页面调用也很简单

    getApp().ajax.get(`/api/?time=${this.data.data}`).then(res => {
     console.log(res)
      })


    getApp().ajax.post(‘/api/‘, this.data.data).then(res => {
        console.log(res)
      })

  

封装微信小程序的全局ajax

原文:https://www.cnblogs.com/lovewhatIlove/p/15253025.html

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!