javascript - 在 Javascript 中发出顺序 POST 请求的最佳方法

Question

所以我有一个数组，其中包含需要作为需要发出的 POST 请求的有效负载的一部分发送的数据。现在，这些需要按顺序进行，因为我需要显示特定的有效负载，然后显示结果(结果是使用有效负载发出 POST 请求后返回的响应)，然后是下一个有效负载，然后是下一个结果和等等，在我的页面上。我只是想知道实现这一目标的最佳方法是什么。这就是我目前的处理方法:

for (var i = 0; i < quotesList.length; i++) {
var response = $.ajax({
      type: "POST",
      url: url,
      data: JSON.stringify(quotesList[i]),
      success: add_to_page,
      },
      timeout: 300000,
      error: function(){
            console.log("Some Error!")
        },
      contentType: "application/json"
})

显然，这里出现的问题是无法保证序列正确，而且我不太确定如何准确地跟踪有效负载，因为尝试将其添加为成功的一部分函数只获取最后一个元素(大概是最后一个触发的请求)

Answer 1

您可以尝试如下所示的操作。

let quotesListIndex = 0;
function sendAjaxCall() {
  if (quotesListIndex < quotesList.length) {
    var response = $.ajax({
      type: "POST",
      url: url,
      data: JSON.stringify(quotesList[quotesListIndex++]),
      success: function () {
        //... Add code here

        sendAjaxCall();     // Call the function again for next request      

      },
      timeout: 300000,
      error: function () {
        console.log("Some Error!")
      },
      contentType: "application/json"
    })
  } else {
    return;
  }
}

添加一个全局变量来跟踪索引。并递归调用函数。一旦索引达到数组大小，则从函数返回。