49 lines
1.7 KiB
JavaScript
49 lines
1.7 KiB
JavaScript
let ajaxTimes = 0; // 同时发送异步代码的次数
|
||
|
||
export const myhttp = (parmas) => {
|
||
// 当有地方调用请求方法的时候，就增加全局变量，用于判断有几个请求了
|
||
ajaxTimes++;
|
||
|
||
wx.showLoading({ // 显示加载中loading效果
|
||
title: "加载中",
|
||
mask: true //开启蒙版遮罩
|
||
});
|
||
|
||
// 返回一个promise对象
|
||
return new Promise((resolve, reject) => {
|
||
wx.request({
|
||
url: parmas.url,
|
||
method: parmas.method,
|
||
data: parmas.data,
|
||
header: parmas.method === 'POST' ?{
|
||
'content-type': 'application/x-www-form-urlencoded',
|
||
"authorization": wx.getStorageSync('token') || ""
|
||
} : {
|
||
'content-type': 'application/json',
|
||
"authorization": wx.getStorageSync('token') || ""
|
||
},
|
||
success: (res)=> {
|
||
resolve(res.data)
|
||
},
|
||
fail: (err) => {
|
||
reject(err)
|
||
},
|
||
|
||
// 不管请求成功还是失败，都会触发
|
||
complete: () => {
|
||
/**
|
||
* !loading效果同时被多个请求触发是可以显示一个的，但是关闭loading一旦被第一个请求完成后关闭，后面的请求触发的loading效果就没了
|
||
* !所以，需要通过全局设置一个变量，来监听同时触发了几个请求，当最后一个请求完成后，再关闭loading
|
||
* ?每次结束请求后，就减少全局变量，当为0时，就表示这是最后一个请求了
|
||
*/
|
||
ajaxTimes--;
|
||
// 此时就可以关闭loading效果了
|
||
if (ajaxTimes === 0) {
|
||
// 关闭正在等待loading效果
|
||
wx.hideLoading();
|
||
}
|
||
}
|
||
})
|
||
})
|
||
}
|