AjaxComplete nazywa się często

Question

mam ten kod:

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

Otworzyłem kartę sieciową chrom i widzę tylko jeden wpis (stan 200).

ale wyświetlacze konsoli:

(28) test 

Dlaczego jest to często wykonywane?

Answer 1

Funkcja ajaxComplete uruchamia się po zakończeniu każdego żądania AJAX, nawet jeśli zakończyło się pomyślnie lub nie.
Urządzenie 200 status code oznacza, że ​​żądanie zostało odebrane poprawnie, ale jak można przeczytać w artykule jQuery docs, wywołanie zwrotne będzie uruchamiane za każdym razem, gdy zakończy się żądanie AJAX.

Możesz więc sprawdzić, do jakiego adresu URL przekierowuje Twoje żądanie i obsługiwać tylko te, których potrzebujesz.

Anyway (tak na marginesie) Będę korzystać z wbudowanego w AJAX funkcji zwrotnej complete, coś takiego:

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

Answer 2

można sprawdzić adresy URL tych ajax'es i obsługiwać tylko potrzebne:

$(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); 
    } 
}); 

powiązać go tylko raz, gdy dokument gotowy:

$(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); 
     } 
    }); 
});