推迟 jquery ajax

Question

我想我已经查看了所有与此有关的问题。

我有一个函数，它使用 jquery 通过 ajax 更新记录。我需要更改它来完成它们并等待每个完成。

我一直在阅读有关 $.Deferred 的内容并尝试实施，但代码仍然没有等待。我知道 ajax 是异步的，我不想这样改变它，但我确实希望它等待，因为代码输出消息，我需要它们按顺序。

我的代码是这样的：

//do the export:
function doExport(id) {

var exportComplete = $.Deferred();

var exportPromise = $.ajax({
    type: "POST",
    url: "import.php",
    dataType: "json",
    data: { id: id }
});

exportPromise.done(function(msg) {
    //msg contains the text from the import
    exportComplete.resolve(msg);
});

return exportComplete.promise();
}

//export all ticked items (from a list)
function importInvoices() {

    var checked = new Array;
    $('#apiCall').html("");

    //put all checked items into an array (id corresponds to a PK in the db)
    $("input[name=selectedRow]:checked").each(function(num,row) {
        checked.push($(row).data('id'));
    });

    //loop through each checked item
    $(checked).map(function(num, id) {
console.log("starting " + id)            ;
        var prom = doExport(id).then(function(result) {
console.log("done " + id);
            
            $('#apiCall').html($("#apiCall").html() + result.messages);
        
        });
    });

    $("#pleaseWaitContainer").hide();

}

一定很近，但我想我少了什么东西或放错地方了。结果导出的文本确实出现在它应该出现的位置，但是如果（例如）我 select 3 张发票，我得到 3 次“starting xxx”的控制台文本，然后是 4 次“done xxx”。

像这样：

starting 243
starting 663
starting 823
done 243
done 663
done 823

而我想要的是

starting 243
done 243
starting 663
done 663
starting 823
done 823

任何建议将不胜感激...我正在撕掉我有限的头发。

克里斯

Answer 1

调用成功

const checked = $("input[name=selectedRow]:checked").map(function() {
  return $(this).data('id'))
}).get()
const load = function() {
  $.ajax({
    url: `/someprocess.php?id=${checked.shift()}&otherparm=bla`,
    success: function() {
      if (checked.length > 0) load()
    }
  })
}

if (checked.length > 0) load(); // start

推迟 jquery ajax

Deferred jquery ajax

javascript

ajax

jquery

jquery-deferred

jquery-ajax