javascript - jquery ajaxwhen - 基于条件的并行ajax调用

Question

假设我有多个ajax请求需要并行调用。需要根据条件调用ajax请求。

我可以按如下方式执行此操作，但这似乎不可行且微不足道。

if (condition1) {
    $.when(
        apiRequest1();
    ).then(function(result1) {

    });
} else if (condition 2) {
    $.when(
        apiRequest2();
    ).then(function(result1) {

    });
} else if (condition 1 && condition 2) {
    $.when(
        apiRequest1();
        apiRequest2();
    ).then(function(result1, result2) {

    });
}

我想要实现的目标如下。概念如下，但是如何实现呢？

var apiList = [];


if (condition1) {
    append apiRequest1() to apiList;
}

if (condition2) {
    append apiRequest2() to apiList;
}

if (condition3) {
    append apiRequest3() to apiList;
}

if (conditionN) {
    append apiRequestN() to apiList;
}

if (apiList has value) {
    $.when(
        apiList
    ).then(function (resultN) {

    });
}

Answer 1

数组可以完美地处理这个问题。

在每个 if () block 中，只需将您的 Promise 附加到数组中即可:

apiList.push(apiRequestN());

最后，您需要将每个项目作为单独的参数传递给 $.when():

$.when.apply(null, apiList)