微信小程序封装wx.request接口

在根目录新建一个api.js的文件用于存放wx.request的代码

api.js

const app = getApp();
let postApi = function (apiUrl, data, successCallback, errorCallback, completeCallback){
  let apiData = {};
  if (data){
    apiData=data;
  }
  apiData.user_token=app.globalData.userToken;
  wx.request({
    url: app.rootUrl + apiUrl,
    method: "POST",
    data: apiData,
    success: res => {
      successCallback(res.data);
    },
    fail: err => {
      if (errorCallback){
        errorCallback(err);
      }else{
        wx.showToast({
          title: e,
          icon: 'none',
          duration: 1500,
          mask: false
        })
      }
    },
    complete: () => {
      if (completeCallback) {
        completeCallback();
      }
    }
  })
}

export default postApi;

注意:在app.js中定义rootUrl,rootUrl是接口url的公共部分 ,apiUrl是接口url的剩余部分

index.js中调用接口

const app = getApp();
import postApi from "../../api.js";

postApi("apiUrl?_tq=" + new Date().getTime(), data, res => {
      if (res.code == 0) {
       //请求成功执行
       
      }
    })
  

猜你喜欢

转载自blog.csdn.net/yuan_jlj/article/details/112837898