微信小程序 给请求添加一个全局的加载样式

微信小程序 给请求添加一个全局的加载样式

在每次请求的时候都可以加载loading样式

1. 首先得封装一个请求的文件

// 设置默认的请求形式
const baseURL = "https://www.baidu.com/api/v1"
export const customRequest = (url, data={}, method = 'GET') => {
    return new Promise((reslove, reject) => {
        requestTimes++
        wx.request({
            url:baseURL + url,
            data,
            method,
            success: (result) => {
                reslove(result)
            },
            fail: (err) => {
                reject(err)
            }
        })
    })
}

2. 在请求开始之前添加一个加载样式 wx.showLoading(Object object) 文档说明

1. 其中requestTimes使用来计算每次请求的次数，在每次发送请求的时候都会自增，在请求完成之后，在complete中自减

// 设置默认的请求形式
const baseURL = "https://www.baidu.com/api/v1"
// 计算每次请求的次数
let requestTimes = 0

export const customRequest = (url, data={}, method = 'GET') => {
	wx.showLoading({
	    title: "加载中..."
	})
    return new Promise((reslove, reject) => {
        requestTimes++
        wx.request({
            url:baseURL + url,
            data,
            method,
            success: (result) => {
                reslove(result)
            },
            fail: (err) => {
                reject(err)
            },
            complete:() => {
                requestTimes--
                if(requestTimes === 0) {
                    wx.hideLoading()
                }
            }
        })
    })
}