javascript - 如何同步对同一个 URL 的多个 Ajax Post 调用

Question

我有一个 JavaScript 项目数组，对于每个项目，我必须向 URL 发送 ajax 帖子以获取相应的信息并在容器中显示该信息。代码大致如下:

var data = some_data;
array.forEach(item, idx)=> {
    callAjaxAndUpdate(data, item, $('div#container'+i);
});

Ajax方法很简单

var standardUrl = 'https://example.com/post.php';
function callAjaxAndUpdate(data, item, container) {
    $.ajax({
        url: standardUrl
        data: data,
        type: 'POST',
    }).done(function(res) {
       container.append(res.data);
    }).fail(function(res) {
       container.append(res.responseText);
    }).always(function() {
       container.append('DONE!');
    });
}

但是，这件事整个事情似乎变得阻塞了。我在服务器端记录了时间戳，我可以看到每个项目的 ajax 请求只有在前一个项目完成后才会被触发(始终执行部分)。

有人可以帮我解释一下为什么这个设置是同步的，以及如何使其异步吗？请注意，此脚本是在浏览器中执行，而不是在 NodeJS 上执行。

编辑:事实证明，PHP 后端正在以阻塞方式处理请求。也许 session 是这里的罪魁祸首。我现在就结束这个问题。感谢您的帮助和建议。

Answer 1

尝试默认的 Ajax 异步

var standardUrl = 'https://example.com/post.php';
function callAjaxAndUpdate(data, item, container) {
$.ajax({
    url: standardUrl,
    async: true,
    data: data,
    type: 'POST',
}).done(function(res) {
   container.append(res.data);
}).fail(function(res) {
   container.append(res.responseText);
}).always(function() {
   container.append('DONE!');
});
}

或者你可以在.done方法上调用该方法