多个异步请求执行成功后，执行后续操作

原创于 2019-01-18 09:24:33 发布 · 1.1w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#promise #异步请求

前端同时被 2 个专栏收录

155 篇文章

订阅专栏

React.js

34 篇文章

订阅专栏

本文介绍了两种处理并行异步请求的方法：使用jq的$.when().done()和Promise.all()。前者通过$.when()方法等待所有传入的ajax请求完成，只有在所有请求成功时才触发done回调；后者利用Promise.all()将多个Promise实例包装成一个新的Promise实例，当所有实例成功时执行then方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：

jq的$.when().done()

$.when( 
    $.ajax(),
    $.ajax(),
    $.ajax() ).done(fn).fail(fn);

当内部传入的3个ajax都执行了成功的回调, done里的函数才会被触发,
而当有一个ajax执行失败了，fail就被触发。

方法二：

Promise.all([promise1,promise2]).then(function(){})

Promise.all方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。

const p1=req1();
const p2=req2();
const p3=req3();
// 要求三个异步请求返回值都是promise实例

const p = Promise.all([p1, p2, p3]);
p.then(res => {
    console.log("三个异步请求都执行完成");
})