比如当进入一个页面会加载好几个ajax,等所有请求加载结束之后loading消失
1,使用async与await
async function getData() {
showLoading();
await ajax1();
await ajax2();
hideLoading()
}
2,使用promise方法
showLoading()
var p1 = new Promise(function(resolve,reject){
setTimeout(() => {
console.log('第一个加载完成了');
resolve();
}, 1000);
})
var p2 = new Promise(function(resolve,reject){
setTimeout(() => {
console.log('第三个加载完成了');
resolve();
}, 2000);
})
var p3 = new Promise(function(resolve,reject){
setTimeout(() => {
console.log('第二个加载完成了');
resolve();
}, 3000);
})
Promise.all([p1,p2,p3]).then(function(){
hideLoading()
})