Visualizzazione dell'immagine di caricamento con getJSON

Question

Desidero utilizzare un'immagine di caricamento durante il recupero dei dati tramite AJAX con getJSON. Mi sono guardato intorno ma non ho ancora trovato un modo corretto per farlo. Qual è il modo migliore per farlo?

$.getJSON('file.php', function(json) { 
    $.each(json, function() { 

    // Retrieving data from json... 

    }); 
}); 

Answer 1

spinner prima getJSON chiamata e poi nascondere dopo la risposta viene analizzato

$(".someSpinnerImage").show(); 
    $.getJSON('file.php', function(json) { 
     $.each(json, function() { 
      // Retrieving data from json... 

     }); 
     $(".someSpinnerImage").hide(); 
    }); 

Answer 2

è possibile configurare per globale uso, sarà internamente chiamato ogni volta che un ajax chiamata è fatto.

$.ajaxStart(function() { 
    $("img#loading").show(); 
}); 

$.ajaxComplete(function() { 
    $("img#loading").hide(); 
}); 

Answer 3

.ajaxStart() documentation dice:

Come di jQuery 1.9, tutti i gestori per gli eventi globali jQuery Ajax, inclusi quelli aggiunti con il metodo .ajaxStart(), devono essere allegati per documentare.

Se $.ajax() o $.ajaxSetup() è chiamato con l'opzione globale impostata su false, il metodo .ajaxStart() non scatta mai.