Waiting on multiple asynchronous calls to complete before continuing

by

You can use .ajaxStop() like this:

$(function() {
  $(document).ajaxStop(function() {
    $(this).unbind("ajaxStop"); //prevent running again when other calls finish
    LoadContact();
  });
  LoadCategories($('#Category'));
  LoadPositions($('#Position'));
  LoadDepartments($('#Department'));
});

This will run when all current requests are finished then unbind itself so it doesn’t run if future ajax calls in the page execute. Also, make sure to put it before your ajax calls, so it gets bound early enough, it’s more important with .ajaxStart(), but best practice to do it with both.

More Related Contents:

  1. Converting a recursive function into an asynchronous CPS implementation (javascript)
  2. How can I upload files asynchronously with jQuery?
  3. How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?
  4. Callback after all asynchronous forEach callbacks are completed
  5. I know that callback function runs asynchronously, but why?
  6. How can I create an Asynchronous function in Javascript?
  7. JavaScript asynchronous return value / assignment with jQuery [duplicate]
  8. How should I call 3 functions in order to execute them one after the other?
  9. How to “await” for a callback to return?
  10. nodeJs callbacks simple example
  11. jQuery pass more parameters into callback
  12. How to use jQuery in chrome extension?
  13. $.Deferred: How to detect when every promise has been executed
  14. What does $.when.apply($, someArray) do?
  15. Wait till a Function with animations is finished until running another Function
  16. How can I take advantage of callback functions for asynchronous XMLHttpRequest?
  17. Variables set during $.getJSON function only accessible within function
  18. When should I use return false in jquery function?
  19. How to return an Ajax result using async/await? [duplicate]
  20. Does async programming mean multi-threading?
  21. Callback function example
  22. jQuery – Can threads/asynchronous be done?
  23. Why “$().ready(handler)” is not recommended?
  24. Can you wait for javascript callback?
  25. Asynchronous Script Loading Callback
  26. How to chain ajax requests?
  27. Does an async function always need to be called with await?
  28. jQuery ajax async: false causes a strange warning?
  29. jQuery asynchronous function call, no AJAX request
  30. Load javascript async, then check DOM loaded before executing callback

Leave a Comment