微信小程序的api封装

小程序的api的封装

//首先和pages同级新建一个文件夹(request)-->index.js
// 同时发送异步代码请求次数

let ajaTime=0;
export const request=(params)=>{
  ajaTime++;
  //显示加载中效果
      // 加载中
      wx.showLoading({
        title: '加载中',
        mask:true
      })
  // 定义公共的url
  const baseUrl="https://xxxxxx.org/api/v1"
  return new Promise((resolve,reject)=>{
    wx.request({
      ...params,
      url:baseUrl+params.url,
      success: (result) => {
        resolve(result)
      },
      fail: (err) => {
        reject(err)
      },
      complete:()=>{
        ajaTime--;
        if(ajaTime===0){
           // 关闭正在刷新的列表
          wx.hideLoading()
        }
       
      }
    })
  })
}

• 使用方法：
• 在page=>index.js中是要用

// 引入用来发送的请求方法
import { request } from '../../request/index.js';
import regeneratorRuntime from '../../lib/runtime/runtime';
 onLoad: function (options) {
 	this.gettopics()
 }
async getCates(){
// 1.使用es7的async await来发送请求
    const res = await request({url:"/tops"})
    console.log(res);
    this.setData({
      list:res.data.data
    })
}