J'ai une application web dans asp.net, mvc et parfois ma requête ajax peut prendre plus d'une seconde.
donc je dois montrer une grande div sur toute la page (Chargement ...) alors que cette demande travaille et de le cacher quand il est fini.
Est-ce que quelqu'un sait comment faire cela?
J'utilise plugin jQuery throbber: http://www.jquery-plugins.info/throbber-aka-loading-animation-00015440.htm
Il est assez simple et facile à intégrer. Peut être exécuté manuellement et peut être attaché pour les événements ajax automatiquement.
Pour jQuery AJAX, consultez la documentation de l'API: http://api.jquery.com/category/ajax/
Pour bloquer l'écran vérifier ce plugin: http://malsup.com/jquery/block/#
La page de démonstration de ce site (http://malsup.com/jquery/block/#demos) vous donnera une idée de la façon dont pour l'utiliser.
J'ai également utilisé blockUI et cela fonctionne très bien et très facile à mettre en œuvre. – Kamal
En outre, vérifiez le plugin Dialog de la bibliothèque JQuery UI. Cela vous permettra d'afficher une boîte de dialogue, contenant le message 'Please wait' que vous voulez, et bloque également le reste de la page, pour s'assurer que l'utilisateur ne peut pas interagir avec lui. La boîte de dialogue peut être supprimée lorsque l'opération AJAX est terminée.
Vous pouvez même rendre cela générique, en liant les événements .ajaxStart et .ajaxStop pour afficher/masquer automatiquement la boîte de dialogue pour toutes les opérations AJAX.
Référence brisée – micrub