Comment afficher la page de chargement avant la page avec les résultats de recherche affichés?

Question

Habituellement, lorsque vous utilisez une page Web qui est utilisée pour rechercher d'énormes quantités de données, comme la recherche de vols bon marché, l'utilisateur est d'abord redirigé vers une page affichant une barre de progression, par exemple. "Rechercher maintenant plusieurs sites de voyage ..", et lorsque la recherche sur le serveur est terminée, elle est redirigée vers les résultats de recherche réels.

Comment cela est-il fait? Est-ce un truc javascript/ajax?

Answer 1

Eh bien, vous pouvez facilement définir une fonction ou un événement à déclencher lorsque l'AJAX est terminé le chargement. Donc, lors de la soumission d'un formulaire, vous pouvez simplement définir la page pour afficher "loading ..." puis supprimer cela pour afficher les résultats ou quoi que ce soit une fois que l'AJAX est fini de charger.

Answer 2

Il y a plusieurs façons, d'une manière comme vous le suspectez peut-être avec javascript d'afficher un div ou un élément avec 'loading ...' dedans, en cliquant sur un bouton submit/search. Cela apparaîtra jusqu'au moment où la page est actualisée avec les résultats de la page.

Answer 3

Il y a beaucoup de plugins jquery qui sont vraiment simples à utiliser et permettent la personnalisation en termes de message de traitement que vous voulez montrer. Here est un tel plugin Jquery.

C'est aussi simple que d'appeler $ blockUI() et $ unblockUI() depuis javascript. Vous pouvez consulter la démo here.