微信小程序request方法封装

微信小程序request方法封装

开始开发小程序啦，记录一下，方便以后用到。封装的方式多种多样，仅供参考。

方法封装

新建一个js文件或者在已有的js文件里编写，建议放在已有的utils文件夹下的util.js文件中。

function request(url, data , method ) {
  return new Promise(function(resolve, reject) {
    wx.request({
      url: url,
      data: data,
      method: method,
      header: {
        'Content-Type': 'application/json',
        'X-Dts-Token': wx.getStorageSync('token')
      },
      success: function(res) {
        if (res.statusCode == 200) {
          if (res.data.code == 501) {
            // 清除登录相关内容
            try {
              wx.removeStorageSync('userInfo');
              wx.removeStorageSync('token');
            } catch (e) {
              // Do something when catch error
            }
            // 切换到登录页面
            wx.navigateTo({
              url: '/pages/auth/login/login'
            });
          } else {
            resolve(res.data);
          }
        } else {
          reject(res.errMsg);
        }
      },
      fail: function(err) {
        reject(err)
      }
    })
  });
}
module.exports = {
  request,
}

调用方式

比如在页面index.js文件中调用，需要先引入util.js，然后使用request方法，上送参数即可

var util = require('../../utils/util.js');
// pages/cyyhApp/cyyhApp.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
	util.request('https://xxx.com/api',{month:this.data.date},"POST").then(res=>{
      if (res.code == 0) {
        this.setData({
          typeSeriesData:res.seriesData
        })
      }else if(res.code == 500){
        util.showErrorToast(res.msg)
      }
    });
  },