Posted almost 4 years ago. Visible to the public.

jQuery promises: done() and then() are not the same

jQuery's deferred objects behave somewhat like standard promises, but not really.

One of many subtle differences is that there are two ways to chain callbacks to an async functions.

The first one is done, which only exists in jQuery:

Copy
$.ajax('/foo').done(function(html) { console.debug("The server responded with %s", html); });

There is also then, which all promise libraries have:

Copy
$.ajax('/foo').then(function(html) { console.debug("The server responded with %s", html); });

However, .done and .then do not behave the same. In particular, if a standard promise callback returns another promise, this will delay the resolution of all later promises. jQuery's then behaves like this, but done does not. It is not possible for a done callback to delay the resolution of later callbacks.

Example

We want to request /foo and, as soon as we have the response, make a second request to /bar:

Copy
var promise = $.ajax('/foo').done(function() { return $.ajax('/bar'); });

Quiz: When does promise resolve?

Well, if you use done, it will resolve as soon as we have the response to /foo:

Copy
var promise = $.ajax('/foo').done(function() { return $.ajax('/bar'); // Returning does not actually do anything here. }); promise.then(function() { console.debug("We have the response to /foo, but /bar is still loading"); });

If we use then instead, it will only resolve once we have responses to both /foo and /bar:

Copy
var promise = $.ajax('/foo').then(function() { return $.ajax('/bar'); }); promise.then(function() { console.debug("We have the responses to both /foo and /bar"); });

Enjoy.

Does your version of Ruby on Rails still receive security updates?
Rails LTS provides security patches for old versions of Ruby on Rails (3.2 and 2.3).

Owner of this card:

Avatar
Henning Koch
Last edit:
9 days ago
by Henning Koch
About this deck:
We are makandra and do test-driven, agile Ruby on Rails software development.
License for source code
Posted by Henning Koch to makandra dev
This website uses cookies to improve usability and analyze traffic.
Accept or learn more