jQuery $ Deferred Example

A simple example for creating an asynchronous function using jQuery Deferred, Promise, When, and Then.


var asyncFunction = function () {
  var deferred = $.Deferred();

  when($.ajax(), $.ajax()).then(function (data) {
    deferred.resolve(data);
  }, function (error) {
    deferred.reject();
  });

  return deferred.promise();
}

asyncFunction().done(function (data) {
  // async function completed successfully
}).fail(function (error) {
  // async function completed with error(s)
});
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s