AjaxComplete chiamato a spesso

Question

ho questo codice:

$(document).ajaxComplete(function(event, xhr, settings) { 
    console.log('test'); 
}); 

ho aperto la scheda di rete di cromo e posso vedere una sola voce (stato 200).

Ma i display della consolle:

(28) test 

Perché è eseguito questo spesso?

Answer 1

I trigger ajaxComplete quando viene completata una richiesta AJAX, anche se è riuscita o meno.
Il numero 200 status code indica che la richiesta è andata a buon fine, ma, come si può leggere in jQuery docs, la richiamata verrà attivata ogni volta che una richiesta AJAX ha terminato.

Quindi, è possibile verificare quale URL è la vostra richiesta di reindirizzamento e gestire solo quelli che è necessario.

In ogni caso (solo una nota a margine) Si utilizzerà la funzione di callback integrata AJAXcomplete, qualcosa di simile:

$.ajax({ 
    url: url, 
    data: { data }, 
    complete:function(){ 
     console.log('test'); 
    } 
}); 

Answer 2

È possibile controllare gli URL di questi ajax'es e gestire necessario solo:

$(document).ajaxComplete(function(event, xhr, settings) { 
    console.log('Ajax request completed for: ' + settings.url); 
    if (settings.url === "ajax/test.html") { 
    $(".log").text("Triggered ajaxComplete handler. The result is " + 
     xhr.responseText); 
    } 
}); 

Bind solo una volta quando il documento pronto:

$(function() { 
    $(document).ajaxComplete(function(event, xhr, settings) { 
     console.log('Ajax request completed for: ' + settings.url); 
     if (settings.url === "ajax/test.html") { 
     $(".log").text("Triggered ajaxComplete handler. The result is " + 
      xhr.responseText); 
     } 
    }); 
});