Quelle est la meilleure façon de relancer une requête AJAX en cas d'échec à l'aide de jQuery?

Quelque chose comme ceci:

$.ajax({
    url : 'someurl',
    type : 'POST',
    data :  ....,   
    tryCount : 0,
    retryLimit : 3,
    success : function(json) {
        //do something
    },
    error : function(xhr, textStatus, errorThrown ) {
        if (textStatus == 'timeout') {
            this.tryCount++;
            if (this.tryCount <= this.retryLimit) {
                //try again
                $.ajax(this);
                return;
            }            
            return;
        }
        if (xhr.status == 500) {
            //handle error
        } else {
            //handle error
        }
    }
});

J'ai eu beaucoup de succès avec ce code ci-dessous (exemple: http://jsfiddle.net/uZSFK/)

$.ajaxSetup({
    timeout: 3000, 
    retryAfter:7000
});

function func( param ){
    $.ajax( 'http://www.example.com/' )
        .success( function() {
            console.log( 'Ajax request worked' );
        })
        .error(function() {
            console.log( 'Ajax request failed...' );
            setTimeout ( function(){ func( param ) }, $.ajaxSetup().retryAfter );
        });
}

Voici la méthode qui a fonctionné pour moi pendant le chargement asynchrone des bibliothèques:

var jqOnError = function(xhr, textStatus, errorThrown ) {
    if (typeof this.tryCount !== "number") {
      this.tryCount = 1;
    }
    if (textStatus === 'timeout') {
      if (this.tryCount < 3) {  /* hardcoded number */
        this.tryCount++;
        //try again
        $.ajax(this);
        return;
      }
      return;
    }
    if (xhr.status === 500) {
        //handle error
    } else {
        //handle error
    }
};

jQuery.loadScript = function (name, url, callback) {
  if(jQuery[name]){
    callback;
  } else {
    jQuery.ajax({
      name: name,
      url: url,
      dataType: 'script',
      success: callback,
      async: true,
      timeout: 5000, /* hardcoded number (5 sec) */
      error : jqOnError
    });
  }
}

Puis il suffit d'appeler .load_script à partir de votre application et de votre nid succès de rappel:

$.loadScript('maps', '//maps.google.com/maps/api/js?v=3.23&libraries=geometry&libraries=places&language=&hl=&region=', function(){
    initialize_map();
    loadListeners();
});

Aucune de ces réponses de travail si quelqu'un m'appelle .done() après leur appel ajax car vous n'aurez pas le succès de la méthode pour attacher à l'avenir, de retour d'appel. Donc, si quelqu'un cela:

$.ajax({...someoptions...}).done(mySuccessFunc);

Puis mySuccessFunc n'obtiendrez pas appelé sur le réessayer. Voici ma solution, qui est largement emprunté à @cjpak la réponse de ici. Dans mon cas, je veux réessayer quand AWS Passerelle API répond avec une erreur 502.

const RETRY_WAIT = [10 * 1000, 5 * 1000, 2 * 1000];
//This is what tells JQuery to retry $.ajax requests
//Ideas for this borrowed from https://stackoverflow.com/a/12446363/491553
$.ajaxPrefilter(function(opts, originalOpts, jqXHR) {
if(opts.retryCount === undefined) {
opts.retryCount = 3;
}
//Our own deferred object to handle done/fail callbacks
let dfd = $.Deferred();
//If the request works, return normally
jqXHR.done(dfd.resolve);
//If the request fails, retry a few times, yet still resolve
jqXHR.fail((xhr, textStatus, errorThrown) => {
console.log("Caught error: " + JSON.stringify(xhr) + ", textStatus: " + textStatus + ", errorThrown: " + errorThrown);
if (xhr && xhr.readyState === 0 && xhr.status === 0 && xhr.statusText === "error") {
//API Gateway gave up.  Let's retry.
if (opts.retryCount-- > 0) {
let retryWait = RETRY_WAIT[opts.retryCount];
console.log("Retrying after waiting " + retryWait + " ms...");
setTimeout(() => {
//Retry with a copied originalOpts with retryCount.
let newOpts = $.extend({}, originalOpts, {
retryCount: opts.retryCount
});
$.ajax(newOpts).done(dfd.resolve);
}, retryWait);
} else {
alert("Cannot reach the server.  Please check your internet connection and then try again.");
}
} else {
defaultFailFunction(xhr, textStatus, errorThrown); //or you could call dfd.reject if your users call $.ajax().fail()
}
});
//NOW override the jqXHR's promise functions with our deferred
return dfd.promise(jqXHR);
});

Cet extrait de back-off et recommencer après 2 secondes, 5 secondes, 10 secondes, que vous pouvez modifier en modifiant la RETRY_WAIT constante.

AWS support nous a suggéré d'ajouter une nouvelle tentative, comme il arrive pour nous qu'une seule fois dans une lune bleue.