JQuery fornisce due metodi globali attraverso cui è possibile chiamare delle callback all'inizio di qualsiasi richiesta ajax ed alla fine: ajaxStart() ed ajaxStop()
Inserirò nella mia pagina un div per il loading (potrebbe contenere una gif) e lo visualizzerò e lo nasconderò all'inizio e alla fine di ogni richiesta
HTML:
<div id="loading">
Loading...
</div>
Javascript code:
$(document).ready(function() {
$('#loading').ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
});