Arrêtez tous les actifs des requêtes ajax en jQuery

Chaque fois que vous créez une requête ajax, vous pouvez utiliser une variable pour stocker:

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

Ensuite, vous pouvez annuler la demande:

request.abort();

Vous pouvez utiliser une matrice de garder une trace de tous dans l'attente de requêtes ajax et l'annuler si nécessaire.

À l'aide de ajaxSetup n'est pas correct, comme il est indiqué sur sa page de doc. Il ne définit des valeurs par défaut, et si certaines demandes de les remplacer, ce sera la pagaille.

Je suis en retard à la fête, mais seulement pour l'avenir de référence si quelqu'un est à la recherche d'une solution au même problème, ici, c'est mon aller à elle, inspirée par et en grande partie identique à la réponse à la question précédente, mais plus complète

//Automatically cancel unfinished ajax requests 
//when the user navigates elsewhere.
(function($) {
  var xhrPool = [];
  $(document).ajaxSend(function(e, jqXHR, options){
    xhrPool.push(jqXHR);
  });
  $(document).ajaxComplete(function(e, jqXHR, options) {
    xhrPool = $.grep(xhrPool, function(x){return x!=jqXHR});
  });
  var abort = function() {
    $.each(xhrPool, function(idx, jqXHR) {
      jqXHR.abort();
    });
  };

  var oldbeforeunload = window.onbeforeunload;
  window.onbeforeunload = function() {
    var r = oldbeforeunload ? oldbeforeunload() : undefined;
    if (r == undefined) {
      //only cancel requests if there is no prompt to stay on the page
      //if there is a prompt, it will likely give the requests enough time to finish
      abort();
    }
    return r;
  }
})(jQuery);

Donner à chaque demande xhr un id unique et stocker la référence de l'objet dans un objet avant de l'envoyer.
La suppression de la référence après une demande xhr complète.

Pour annuler toutes les demande tout le temps:

$.ajaxQ.abortAll();

Retourne l'id unique de annulée demande. Des fins de test uniquement.

De travail de la fonction:

$.ajaxQ = (function(){
  var id = 0, Q = {};

  $(document).ajaxSend(function(e, jqx){
    jqx._id = ++id;
    Q[jqx._id] = jqx;
  });
  $(document).ajaxComplete(function(e, jqx){
    delete Q[jqx._id];
  });

  return {
    abortAll: function(){
      var r = [];
      $.each(Q, function(i, jqx){
        r.push(jqx._id);
        jqx.abort();
      });
      return r;
    }
  };

})();

Retourne un objet avec une fonction unique qui peut être utilisé pour ajouter plus de fonctionnalités, si nécessaire.

J'ai eu quelques problèmes avec andy code, mais il m'a donné quelques bonnes idées. Premier problème est que nous devons nous détacher de tout jqXHR objets qui terminent avec succès. J'ai également eu à modifier le abortAll fonction. Voici mon dernier travail code:

$.xhrPool = [];
$.xhrPool.abortAll = function() {
            $(this).each(function(idx, jqXHR) {
                        jqXHR.abort();
                        });
};
$.ajaxSetup({
    beforeSend: function(jqXHR) {
            $.xhrPool.push(jqXHR);
            }
});
$(document).ajaxComplete(function() {
            $.xhrPool.pop();
            });

Je n'aimais pas le ajaxComplete() façon de faire les choses. Peu importe combien j'ai essayé de le configurer .ajaxSetup il n'a pas de travail.

J'ai mis à jour le code pour faire cela fonctionne pour moi

$.xhrPool = [];
$.xhrPool.abortAll = function() {
    $(this).each(function(idx, jqXHR) {
        jqXHR.abort();
    });
    $(this).each(function(idx, jqXHR) {
        var index = $.inArray(jqXHR, $.xhrPool);
        if (index > -1) {
            $.xhrPool.splice(index, 1);
        }
    });
};

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

Faire une piscine de toutes les requêtes ajax et abandonner eux.....

var xhrQueue = []; 

$(document).ajaxSend(function(event,jqxhr,settings){
    xhrQueue.push(jqxhr); //alert(settings.url);
});

$(document).ajaxComplete(function(event,jqxhr,settings){
    var i;   
    if((i=$.inArray(jqxhr,xhrQueue)) > -1){
        xhrQueue.splice(i,1); //alert("C:"+settings.url);
    }
});

ajaxAbort = function (){  //alert("abortStart");
    var i=0;
    while(xhrQueue.length){ 
        xhrQueue[i++] .abort(); //alert(i+":"+xhrQueue[i++]);
    }
};

Tout aussi important: dites que vous voulez fermer la session et vous êtes la génération de nouvelles demandes avec des minuteries: parce que les données de session est renouvelé à chaque nouvelle bootstrap (peut-être que vous pouvez dire je suis en train de Drupal, mais ce pourrait être n'importe quel site qui utilise les sessions)... j'ai dû aller à travers tous mes scripts avec une recherche et remplacer, cause j'ai eu une tonne de choses en cours d'exécution dans différents cas de figure: les variables globales en haut:

var ajReq = [];
var canAj = true;
function abort_all(){
for(x in ajReq){
ajReq[x].abort();
ajReq.splice(x, 1)
}
canAj = false;
}
function rmvReq(ranNum){
var temp = [];
var i = 0;
for(x in ajReq){
if(x == ranNum){
ajReq[x].abort();
ajReq.splice(x, 1);
}
i++;
}
}
function randReqIndx(){
if(!canAj){ return 0; }
return Math.random()*1000;
}
function getReqIndx(){
var ranNum;
if(ajReq.length){
while(!ranNum){
ranNum = randReqIndx();
for(x in ajReq){
if(x===ranNum){
ranNum = null;
}
}
}
return ranMum;
}
return randReqIndx();
}
$(document).ready(function(){
$("a").each(function(){
if($(this).attr('href').indexOf('/logout')!=-1){          
$(this).click(function(){
abort_all();                 
});
}
})
});
//Then in all of my scripts I wrapped my ajax calls... If anyone has a suggestion for a 
//global way to do this, please post
var reqIndx = getReqIndx();
if(reqIndx!=0){
ajReq[reqIndx] = $.post(ajax, { 'action': 'update_quantities', iids:iidstr, qtys:qtystr },  
function(data){
//..do stuff
rmvReq(reqIndx);
},'json');
}

Il est une fausse solution, je l'utiliser pour annuler toutes les requêtes ajax. Cette solution est de recharger la page entière. Cette solution est bonne si vous n'aimez pas à attribuer un ID à chaque requête ajax, et si vous faites des requêtes ajax à l'intérieur de la boucle. Ce sera assurez-vous que toutes les requêtes ajax sont tués.

location.reload();