Abandonner globalement toutes les requêtes jQuery AJAX

Question

Existe-t-il un moyen d'annuler globalement toutes les requêtes Ajax sans un handle sur l'objet requête?

La raison pour laquelle je demande est que nous avons une application assez complexe où nous exécutons un certain nombre de demandes Ajax différentes en arrière-plan en utilisant setTimeOut(). Si l'utilisateur clique sur un bouton donné, nous devons arrêter toutes les demandes en cours.

Answer 1

Vous devez appeler abort() méthode:

var request = $.ajax({ 
    type: 'POST', 
    url: 'someurl', 
    success: function(result){..........} 
}); 

Après cela, vous pouvez annuler la demande:

request.abort(); 

De cette façon, vous devez créer une variable pour votre demande de paiement ajax et vous pouvez utiliser la méthode abort sur cela pour annuler la demande à tout moment.

ont également un oeil à:

• Aborting Ajax

Answer 2

Vous ne pouvez pas annuler toutes les demandes actives Ajax si vous n'êtes pas suivi les poignées pour eux.

Mais si vous le traquez, alors oui vous pouvez le faire, en faisant une boucle dans vos gestionnaires et en appelant .abort() sur chacun d'eux.

Answer 3

Vous pouvez utiliser ce script:

// $.xhrPool and $.ajaxSetup are the solution 
$.xhrPool = []; 
$.xhrPool.abortAll = function() { 
    $(this).each(function(idx, jqXHR) { 
     jqXHR.abort(); 
    }); 
    $.xhrPool = []; 
}; 

$.ajaxSetup({ 
    beforeSend: function(jqXHR) { 
     $.xhrPool.push(jqXHR); 
    }, 
    complete: function(jqXHR) { 
     var index = $.xhrPool.indexOf(jqXHR); 
     if (index > -1) { 
      $.xhrPool.splice(index, 1); 
     } 
    } 
}); 

Vérifiez le résultat à http://jsfiddle.net/s4pbn/3/.

Answer 4

Cette réponse à une question connexe est ce qui a fonctionné pour moi:

https://stackoverflow.com/a/10701856/5114

Notez la première ligne où l'@grr dit: "Utilisation ajaxSetup n'est pas correct"

Vous pouvez adapter son répondez pour ajouter votre propre fonction à la fenêtre si vous voulez l'appeler vous-même plutôt que d'utiliser window.onbeforeunload comme ils le font. Vous pouvez ensuite appeler le window.abortAllMyAjaxRequests(); pour les abandonner tous. Assurez-vous d'ajouter un .fail(jqXHRFailCallback) à vos demandes ajax. Le rappel sera « abort » comme textStatus pour que vous sachiez ce qui est arrivé:

function jqXHRFailCallback(jqXHR, textStatus){ 
    // textStatus === 'abort' 
}