jQuery内部有多个ajax调用，用于循环记录相同的响应

Question

我的代码是这样的：

for (var i = 0; i < stf_file_names.length; i++) {
    var temp_file_name = stf_file_names[i];
    $.ajax({
        type: "POST",
        url: "php_scripts/some_script.php",
        data: {
            stf_file_name: temp_file_name
        },
        timeout: 600000,
        success: function (response) {
            console.log("SUCCESS : ", response);
            //pausecomp(2000);
        }
    });
}

在这里，some_script.php在后端更新数据库，并回显已更新行的主键，该键是一个数字。 但是，当我使用成功函数进行日志记录时，我可以看到它仅记录了上次ajax调用多次回显的主键。

但是，如果我使用某种睡眠功能（在这种情况下为pausecomp（）），它将输出不同的主键回显。

我已经看过多个关于此的stackoverflow问题，但尚未解决。

Answer 1

async: false将胜任

$.ajax({
        type: "POST",
        async: false,
        url: "php_scripts/some_script.php",
        data: 

但是，不建议这样做，最好通过从成功递归调用函数来进行循环。

这是例子。

i=0;
function loop_stf_file_names(i){

    var temp_file_name = stf_file_names[i];
    $.ajax({
        type: "POST",
        url: "php_scripts/some_script.php",
        async: false,
        data: {
            stf_file_name: temp_file_name
        },
        timeout: 600000,
        success: function (response) {
            console.log("SUCCESS : ", response);
            if( i < stf_file_names.length ){
                loop_stf_file_names( ++i );
            }
        }
    });
}

Answer 2

$.ajax()是一个异步函数。

通过遍历ajax，您很可能在所有请求中发送相同的数据，因此您将为所有请求接收相同的密钥。

可以肯定，当您收到第一个请求的响应时，您将发送下一个请求。