Tengo una aplicación web en asp.net, mvc y, en ocasiones, mi solicitud de ajax puede durar más de 1 segundo.
así que tengo que muestran una gran div sobre toda la página (Cargando ...), mientras que esta solicitud está trabajando y ocultarlo cuando esté terminado.
¿Alguien sabe cómo hacer esto?
estoy usando jQuery Throbber plugin: http://www.jquery-plugins.info/throbber-aka-loading-animation-00015440.htm
Es bastante simple y fácil de integrar. Se puede ejecutar manualmente y se puede adjuntar para eventos ajax de forma automática.
para jQuery AJAX, echa un vistazo a la documentación de la API: http://api.jquery.com/category/ajax/
Para bloquear la pantalla echa un vistazo a este plugin: http://malsup.com/jquery/block/#
La página de demostración de este sitio (http://malsup.com/jquery/block/#demos) le dará una idea de cómo para usarlo
También he usado blockUI y funciona muy bien y muy fácil de implementar. – Kamal
Además, consulte el complemento Dialog de la biblioteca JQuery UI. Esto le permitirá mostrar un cuadro de diálogo, que contiene el mensaje 'Espere por favor' que desee, y también bloquea el resto de la página, para garantizar que el usuario no pueda interactuar con ella. El diálogo puede eliminarse cuando finaliza la operación AJAX.
Incluso puede hacer que esto sea genérico, vinculando los eventos .ajaxStart y .ajaxStop para mostrar/ocultar automáticamente el diálogo para todas las operaciones AJAX.
referencia rota – micrub