JQuery 等待 Ajax 响应

Question

我有以下代码：

    for (i=1;i<=pages;i++) {
        $('#procout').append(Processing Page#"+i+"<br />");
        $.ajax({
            url: 'processor.php',
            data: {storen: perpage, pagen : i},
            success: function(data) {
                $('#procout').append(data+"<br />");

            }
        });
    }

我想要做的是让脚本在每次循环后等待 Ajax 响应。相反，它会一起打印出“处理页面”行，并且每次运行的 Ajax 响应都按照服务器响应的顺序（无序）。我尝试将 async 选项设置为 false，但这只会导致 JS 等待直到所有六个请求都完成，然后将所有运行的所有内容一起输出。

注意：pages、perpage 和 pagen 的值与问题无关。

Answer 1

既然您已经尝试过发出 ajax 请求 async:false（无论如何这很少是一个好主意），请考虑将循环体分解为发出 ajax 请求的函数，然后在回调：

function runRequest(num){
    if (num > pages) return; //since your original was looping while i <= pages

    $('#procout').append("Processing Page#" + num + "<br />");
    $.ajax({
       url: 'processor.php',
       data: {storen: perpage, pagen : num},
       success: function(data) {
           $('#procout').append(data + "<br />");

           runRequest(num + 1);
       }
    });
}

然后当然是开始这个​​过程

runRequest(0);