jQuery延期循環

Question

我想調用一個頁面上每個選定複選框的ajax函數。一旦所有這些ajax調用完成，我想要做其他事情。在下面的示例中，在完成任何「單個呼叫」文本之前，將「全部呼叫完成」文本寫入控制檯。我如何等待所有ajax調用完成？謝謝！！

function ajax_function() { 
    return $.ajax({ 
    url: "submit.php", 
    type: "POST", 
    dataType: "json", 
    data: form_data, 
    cache: false 
    }) 
} 

var deferreds = $('input:checkbox:checked.checkprint').map(function(i, elem) { 
    $.when(ajax_function()).then(function(data) { 
    console.log('single call completed'); 
    return data; 
    }); 
}); 

$.when.apply($, deferreds.get()).done(function() { 
    console.log('all calls completed'); 
}); 

Answer 1

我想我完成我試圖用ajaxStop（http://api.jquery.com/ajaxStop/）

做

$(document).delegate('#submit_all', 'click', function(e) { 
    $('input:checkbox:checked.checkprint').each(function() { 
    ajax_function(); 
    }); 
    $("#submit_all").one("ajaxStop", function() { 
    console.log('all calls completed'); 
    }); 
}); 

Answer 2

您可以使您的ajax調用同步。

function ajax_function() { 
    return $.ajax({ 
    url: "submit.php", 
    type: "POST", 
    dataType: "json", 
    data: form_data, 
    cache: false, 
    async:false 
    }) 
} 

選項2：

var totalnumber = $('input:checkbox:checked.checkprint').length; 
var counter = { t: 0 }; 
var deferreds = $('input:checkbox:checked.checkprint').map(function(i, elem) { 
    $.when(ajax_function(totalnumber,counter)).then(function(data) { 
    console.log('single call completed'); 
    return data; 
    }); 
}); 

function ajax_function(totalnumber,counter) { 
    return $.ajax({ 
    url: "submit.php", 
    type: "POST", 
    dataType: "json", 
    data: form_data, 
    cache: false, 

    }).done(function(html) { 
    counter.t++; 
    if (counter.t == totalnumber) { 
     console.log('all calls completed'); 
    } 
    }); 
} 

爲什麼counter.t，因爲對象是作爲參考過去了，我們需要改變counter.t的價值。