Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Sequential Ajax Calls using jQuery
// parameters for ajax calls
var items = [
{ 'gender': 'male', 'nat': 'US' },
{ 'gender': 'female', 'nat': 'GB' }
// function to trigger the ajax call
var ajax_request = function(item) {
var deferred = $.Deferred();
url: '',
dataType: "json",
type: 'GET',
data: item,
success: function(data) {
// do something here
// mark the ajax call as completed
error: function(error) {
// mark the ajax call as failed
return deferred.promise();
var looper = $.Deferred().resolve();
// go through each item and call the ajax function
$.when.apply($, $.map(items, function(item, i) {
looper = looper.then(function() {
// trigger ajax call with item data
return ajax_request(item);
return looper;
})).then(function() {
// run this after all ajax calls have completed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.