jQuery: Abandonner automatiquement les requêtes Ajax lors du déchargement de page?

Question

Merci d'avoir lu.

J'ai remarqué que si j'ai une page qui a une ou plusieurs requêtes ajax ouvertes, et je clique sur un lien pour quitter une page, ou l'actualiser, il attendra que les requêtes ajax se terminent avant de décharger.

Ce n'est généralement pas un problème, mais si la demande prend du temps, cela peut être le cas.

Je cherche quelque chose comme:

$(window).bind("beforeunload", function() {AjaxRequest.abort();}); 

pour abandonner automatiquement les demandes avant le déchargement, mais pas tout à fait sûr de savoir comment trouver les demandes ajax. Seraient-ils sous la fenêtre quelque part?

Answer 1

La méthode $.ajax() jQuery renvoie l'objet XMLHttpRequest. Cela signifie que vous pouvez appliquer des méthodes standard sur l'objet, comme abort().

Pour décharger, utilisez la méthode d'événement jQuery unload intégrée.

var myajax = $.ajax(...); 
$(window).unload(function() { myajax.abort(); }); 

Answer 2

pense que vous devez window.onunload événement, plus AjaxRequestX = $ .get (...) pour chaque demande, gardez peut-être des objets dans le tableau et passer par eux lors du déchargement.

Answer 3

Je viens d'avoir cette question, je faisais une longue boucle en PHP qui était appelé à partir .ajax $. Ma solution était d'ajouter session_write_close(); avant la longue boucle.

Ma théorie est, Chrome demande la page suivante avant annulant toutes les demandes ajax d'arrière-plan. Si votre requête ajax est la même _SESSION que la page que vous naviguez loin de et vers, alors vous avez un blocage avant même que votre première ligne de code PHP est touché.

Answer 4

Vous devez persister toute votre requête ajax et lorsque la page est en cours de rechargement, abandonnez toutes les demandes. Exemple

var _requests = []; 

var _abortAllRequests = function() { 
    $(_requests).each(function (i, xhr) { xhr.abort(); }); 

    _requests = []; 
} 

$(window).on("beforeunload", function() { 
    _abortAllRequests(); 
}); 

quelque part dans votre code

_requests.push($.ajax(...)) 

De plus, vous pouvez pop demandes effectuées à l'aide .ajaxSetup $ avec des événements ajaxStart ajaxStop, mais son à vous

Answer 5

Le code suivant est testé et avorte toutes les requêtes jQuery ajax en cours de déchargement de page dans Chrome, mais il est utilisé par Edge et IE en utilisant les clients sans erreur.

Mettez ce qui suit comme premier gestionnaire jQuery ready:

$(onPageLoaded) 

Et mettre quelque part accessible:

function onPageLoaded() { 
    var jqxhrs = []; 

    $(window).bind("beforeunload", function (event) { 
     $.each(jqxhrs, function (idx, jqxhr) { 
      if (jqxhr) 
       jqxhr.abort(); 
     }); 
    }); 

    function registerJqxhr(event, jqxhr, settings) { 
     jqxhrs.push(jqxhr); 
    } 

    function unregisterJqxhr(event, jqxhr, settings) { 
     var idx = $.inArray(jqxhr, jqxhrs); 
     jqxhrs.splice(idx, 1); 
    } 

    $(document).ajaxSend(registerJqxhr); 
    $(document).ajaxComplete(unregisterJqxhr); 
};