Promise.all等待异步请求全部完成的简单实现(vue axios)
多个异步axios请求,Promise.all
·
概括
项目中经常会遇到需要多个异步axios请求完成后再进行相关操作,就需要Promise.all来实现。Promise.all()将多个promise请求实例传入,返回promise。
示例
将每个promise请求放到一个数组中,将数组传入Promise.all,then()中进行相关操作
var p1 = new Promise((resolve, reject) => {
queryRoleList()//接口名称,替换为自己封装的
.then((resp) => {
// 相关操作
resolve(resp);
})
.catch((err) => {
reject(err);
});
});
var p2 = new Promise((resolve, reject) => {
queryUserRole()//接口名称,替换为自己封装的
.then((resp) => {
// 相关操作
resolve(resp);
})
.catch((err) => {
reject(err);
});
});
// 调用Promise.all().then(res=>{})
Promise.all([p1, p2]).then((val) => {
console.log(val)
// 相关操作
}).catch((err)=>{
console.log("err",err)
});
更多推荐



所有评论(0)