链接一系列 ajax 调用

Question

我有一系列需要按顺序运行的 ajax 调用，但不能同步运行。最好的方法是什么？

我知道我可以$.when().then()，但这仅适用于两个 ajax 调用，不是吗？理想情况下，我想做这样的事情：

var caller;
for (var i = 0; i < argObjects.length; i++) {
    if (typeof caller === 'undefined') {
        caller = $.when($.ajax(... data: argObjects[i]...));
    }
    else {
        caller.then($.ajax(... data: argObjects[i]...));
    }
}

换句话说，只需在then 上添加一个系列，将它们链接在一起。但这是不可能的。有没有另一种方法可以用 jQuery 做到这一点？

请务必注意，这些调用不能同时运行。我可以按照设置async: false 对它们运行一个循环，但这会在处理过程中从用户手中夺走控制权，这并不好。

另一种思考方式是在一次调用中发送所有内容......但是我如何在该任务运行时监控它的进度？假设我有 10 周的数据要更新，我希望在每周完成时收到通知。如果我发送了 10 个连续的 ajax 调用，每个调用都可以返回并告诉我它已经完成，我可以更新某种进度条。这确实是这里的最终目标。

在此期间，我将继续努力解决 jQuery 中的延迟问题。

Answer 1

您可以使用不同的方法使用成功处理程序来启动下一个 ajax 调用，并使用计数器来跟踪您正在运行的请求：

var i = 0;
function run() {
    $.ajax(... data: argObjects[i]..., function() {
        i++;
        if (i < argObjects.length) {
            run();
        }
    });
}
run();

Answer 2

对于顺序 ajax 调用，我在第一个 ajax 的成功中调用另一个 ajax。

像这样：-

function ajax1(){
  $.ajax({
    url: "",
    data: dataString,
    type: "POST" ,
    dataType: "text",
    cache: false,   
    success: function(response_data){
        ajax2(); // call second ajax on success
    }
  });
}

function ajax2(){
  $.ajax({
    url: "",
    data: dataString,
    type: "POST" ,
    dataType: "text",
    cache: false,   
    success: function(response_data){

    }
  });
}