javascript - ajax .done 运行不正常，似乎跳过了代码

Question

我有下面的代码在一个.each函数中运行。但是，当一切都设置完成并且我做alert(inserted);或警告任何其他变量时，它们会出现，0这就是我在声明它们时设置它们的内容。我确信它们在范围内。我觉得这与 ajax 的时间有关，因为如果我在每次调用后发出警报，计数器系统就会工作。任何想法？此外，我确信在我附加警报时调用了正确的 if 语句（正如我在上面所说的那样，当我这样做时，计数器工作）并且它们正确触发并且没有从控制台显示的错误代码。

$.ajax({
    type: "POST",
    url: "/php/filename.php",
    data: {
        one: $('#1').val(),
        two: $('#2').val(),
        three: $('#3').val(),
        four: $('#4').val(),
        five: $('#5').val(),
        six: $('#6').val(),
        seven: $('#classlist').val(),
        id: $('#7').html()
    }
}).done(function(msg) {
    if (msg == "inserted") {
        inserted++;
    }
    else if (msg == "updated") {
        updated++;
    }
    else if (msg == "duplicate") {
        duplicate++;
    }
    else if (msg == "0") {
        fail++;
    }
});

Answer 1

Ajax 是异步的，您的警报在 ajax 完成之前发生。将所有 ajax 返回值存储在一个数组中，将它们全部传递给 .when，然后使用它来提醒变量的值。

var promiseArr = [], inserted = 0;

for (var i = 0; i < 30000; i++) { // <--- unrealistic number of iterations
    promiseArr.push($.ajax({url:"foo.php?id=" + i}).done(function(){
        inserted++;
    }));
}
$.when.apply($,promiseArr).done(function(){
    alert(inserted);
});