Question

I have the following code:

$('#remove-commercial-products-modal').find('form').submit(function() {                              
    var promises = [];
    var $modal = $(this).closest('.modal');                                                          

    $(this).find('input:checkbox:checked').each(function() {                                         
        promises.push(                                                                               
            $.ajax({
                url: '/commercial/products/unclaim/' + $(this).val() + '/',                          
                dataType: 'json',                                                                    
                timeout: 10000,                                                                      
                cache: false                                                                         
            }));                                                                                     
    });                                                                                              

    $.when.apply($, promises).done(function(result) {                                                
        $modal.modal('hide');                                                                        
    });                                                                                              

    return false;                                                                                    
});

So, when my form is submitted, I collect the values of the checked checkboxes, and I created an array of promises, each of which is an $.ajax call.

My calls are executed, and the code in my .done function is executed.

However, I think that .done is expecting a number of arguments, one for each promise. But I don’t know how many I have in advance, and I was hoping for an array of results (each one being the response of the $.ajax call.)

Does anybody know if I can have my responses grouped?
Thanks!

Answer 1

$.when.apply($, promises).done(function() {
    var l = arguments.length,
        i,
        jqxhr;

    for( i = 0; i < l; ++i ) {
        jqxhr = arguments[i][2]; //The i:th jQXHR passed  
    }                                                              
});     

See docs