También lo puedes hacer con los métodos
ajaxStart y
ajaxStop, así ya no tendrás la necesidad de indicar en cada llamada al método Ajax que se muestren y oculten el Div y Gif de carga. El primero de ellos, se activa cuando ocurre una petición asíncrona en el documento y el segundo, cuando se termina.
Código Javascript
:
Ver original$(document).ajaxStart(function(){
$("#DivCarga, #GifCarga").fadeIn(1000);
}).ajaxStop(function(){
$("#DivCarga, #GifCarga").fadeOut(2000);
});
Así es como se ve (puedes cambiar los efectos a tu gusto):
http://jsbin.com/UlAfazI/1
Saludos