jQuery when each is completed, trigger function

by

You can use $.when()/$.then() to redirect your users after all the AJAX requests are done:

//create array to hold deferred objects
var XHRs = [];
$('#tabCurrentFriends > .dragFriend').each(function(){  
    var friendId = $(this).data('rowid'); 

    //push a deferred object onto the `XHRs` array
    XHRs.push($.ajax({ 
        type: "POST", url: "../../page/newtab.php", data: "action=new&tabname=" + tabname + "&bid=" + brugerid + "&fid=" + friendid, 
        complete: function(data){ 
        } 
    })); 
}); 

//run a function when all deferred objects resolve
$.when(XHRs).then(function (){
    window.location = 'http://stackoverflow.com/';
});

Edit – to use when with an array, apply must be used:

$.when.apply(null, XHRs).then(function () {
    window.location = 'http://stackoverflow.com/';
});

jQuery AJAX requests create deffered objects that resolve when their complete function fires. This code stores those deffered objects in an array and when they all resolved the function within .then() is run.

Docs:

More Related Contents:

  1. How to add pause between each iteration of jQuery .each()?
  2. Invoking a jQuery function after .each() has completed
  3. Jquery each – Stop loop and return object
  4. Return a value when using jQuery.each()?
  5. jQuery: How to use each starting at an index other than 0
  6. How to replace element’s attr href with each ? // strip url
  7. jQuery find events handlers registered with an object
  8. Jquery bind double click and single click separately
  9. jQuery UI Autocomplete use startsWith
  10. How can I check if a key is pressed during the click event with jQuery?
  11. How do I bind Twitter Bootstrap tooltips to dynamically created elements?
  12. Get element type with jQuery
  13. xmlHttp.getResponseHeader + Not working for CORS
  14. How can I use jQuery validation with the “chosen” plugin?
  15. Timeout jQuery effects
  16. How to expand ‘select’ option width after the user wants to select an option
  17. How to Call Controller Actions using JQuery in ASP.NET MVC
  18. jquery callback function only working on last loop
  19. jquery callback after all images in dom are loaded?
  20. jQuery syntax – when to use $ (dollar) vs jQuery [duplicate]
  21. How to trigger $().ready() in jQuery?
  22. Jquery condition check is(‘:hover’) not working
  23. iOS Safari – How to disable overscroll but allow scrollable divs to scroll normally?
  24. Check if textbox has empty value
  25. Fire event on enter key press for a textbox
  26. JQuery UI Datepicker, reverse the order of the year in the dropdowns
  27. Invoke ColdFusion function using AJAX
  28. jQuery Dialog-Postback but UpdatePanel doesn’t get updated
  29. jQuery Removing specific text from an element
  30. scroll up and down a div on button click using jquery

Leave a Comment