js实现所有请求加载完成之后执行某一事件的方法

比如当进入一个页面会加载好几个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()
    })