Création d'un écran de chargement pour un div particulier - ajax, loading

Comment créer un écran de chargement uniquement pour un type particulier? div lors du chargement du contenu via ajax? L’écran de chargement doit être confiné au sein de div seulement.

Réponses:

Si vous chargez le contenu une fois que l'utilisateurappelle une action ou un événement (par exemple, via un bouton "Charger"), ma suggestion serait de disposer du code HTML pour créer l'écran de chargement stocké dans une variable JavaScript de votre source JS, comme:

var loadingHTML = "<p>Loading...</p>";

Définir le contenu de la <div> à loadingHTML lors de l'appel de l'événement, appelez ensuite l'appel AJAX qui, une fois terminé, définissez le contenu de la <div> encore une fois pour être une réponse HTML renvoyée de l'appel.

Alternativement, si vous chargez le contenu via AJAX lors du chargement de la page, il vous suffit de disposer du contenu du fichier. <div> être quelque chose comme <p>Loading...</p> puis invoquer immédiatement l'appel AJAX sur

$(document).on("ready", function () {
...
});

si vous utilisez jQuery par exemple.

Comme ci-dessus, une fois l'appel terminé, définissez le contenu de la <div> avec JavaScript pour les données de réponse.