How do I chain three asynchronous calls using jQuery promises?

by

In each case, return the jqXHR object returned by $.ajax().

These objects are Promise-compatible so can be chained with .then()/.done()/.fail()/.always().

.then() is the one you want in this case, exactly as in the question.

function first() {
   return $.ajax(...);
}

function second(data, textStatus, jqXHR) {
   return $.ajax(...);
}

function third(data, textStatus, jqXHR) {
   return $.ajax(...);
}

function main() {
    first().then(second).then(third);
}

Arguments data, textStatus and jqXHR arise from the $.ajax() call in the previous function, ie. first() feeds second() and second() feeds third().

DEMO (with $.when('foo') to deliver a fulfilled promise, in place of $.ajax(...)).

More Related Contents:

  1. How can I upload files asynchronously with jQuery?
  2. How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?
  3. How can I create an Asynchronous function in Javascript?
  4. JavaScript asynchronous return value / assignment with jQuery [duplicate]
  5. How to use jQuery in chrome extension?
  6. $.Deferred: How to detect when every promise has been executed
  7. What does $.when.apply($, someArray) do?
  8. How to return an Ajax result using async/await? [duplicate]
  9. How to block for a javascript promise and return the resolved result? [duplicate]
  10. Does async programming mean multi-threading?
  11. jQuery – Can threads/asynchronous be done?
  12. Waiting on multiple asynchronous calls to complete before continuing
  13. Converting a recursive function into an asynchronous CPS implementation (javascript)
  14. How to select an element loaded through the jQuery load() function?
  15. Looping through jQuery Deferreds after all promises have been called
  16. How to chain ajax requests?
  17. Chain ajax and execute it in sequence. Jquery Deferred
  18. jQuery ajax async: false causes a strange warning?
  19. jQuery asynchronous function call, no AJAX request
  20. what is Efficient way to find tr using classname in ie
  21. jQuery Data vs Attr?
  22. jQuery ID selector works only for the first element
  23. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  24. Show and hide divs at a specific time interval using jQuery
  25. How to wrap async function calls into a sync function in Node.js or Javascript?
  26. Dropzone Submit Button on Upload
  27. Add a transform value to the current transforms that are already on the element?
  28. What is the concept of Array.map?
  29. How is jQuery’s $ a function and an object?
  30. Dealing with overlapping jQuery sortable lists

Leave a Comment