在Jquery中，如何延迟由异步调用组成的同步函数的执行？

Question

我糊涂了。 在此代码的情况下：

function prepareit(list){
    for(i=0;i<list.length;i++){
         var test = list[i];
         $.ajax({....});
    }
}

function testit(list){
    for(i=0;i<list.length;i++){
         var test = list[i];
         $.ajax({....});
    }
}

$(document).ready(function() {
    var list = ['ti','meti','medes','fra','u','w','ro','sit','hd','i'];
    prepareit(list);
    testit(list);
});

“准备”完成后，我需要执行功能“ testit”。 我已经尝试过使用“何时-然后”方法，但是功能会同时启动。

（对不起，我的英语不好）

Answer 1

创建一个延迟的对象，该对象在所有ajax请求完成时进行解析。

function prepareit(list){
    var defArr = [];
    for(i=0;i<list.length;i++){
         var test = list[i];
         defArr.push($.ajax({....}));
    }
    return $.when.apply($,defArr);
}

function testit(list){
    var defArr = [];
    for(i=0;i<list.length;i++){
         var test = list[i];
          defArr.push($.ajax({....}));
    }
    return $.when.apply($,defArr);
}

$(document).ready(function() {
    var list = ['ti','meti','medes','fra','u','w','ro','sit','hd','i'];
    prepareit(list).done(function(){
        testit(list).done(function(){
            alert("All done!");
        });
    });
});

Answer 2

你可以把testit在Ajax请求的成功功能prepareit ，就像这样：

function prepareit(list){
    for(i=0;i<list.length;i++){
         var test = list[i];
         $.ajax({ success: function (data) { testit(list); } });
    }
}

function testit(list){
    for(i=0;i<list.length;i++){
         var test = list[i];
         $.ajax({....});
    }
}

$(document).ready(function() {
    var list = ['ti','meti','medes','fra','u','w','ro','sit','hd','i'];
    prepareit(list);
    //testit(list);
});

但是，如果您依赖于在“测试”之前“准备”整个列表，则此方法将无效。 我想说，循环ajax请求不是执行此操作的最佳方法-如果可能，您应该更改代码以在ajax调用中传递整个列表，而不是多次循环（不确切知道您要完成的工作）课程）。