Vidéo: Formation jQuery Leçon 24 AJAX : Upload de fichier avec progress bar 2025
AJAX peut vous donner les mêmes effets pour votre HTML5 et CSS3 que le Server Side Includes (SSI). La page sera exactement la même, mais une méthode entièrement différente sera utilisée pour atteindre votre objectif.
csAJAX. html $ (document). ready (function () {$ ("# heading"). load ("head.html"); $ ("# menu"). load ("menu.html"); $ ("# content1"). load ("story1.html"); $ ("# content2"). load ("histoire2.html"); $ ("# footer"). load ("footer.html");});
Le contenu de la page est vide. Tout le contenu est disponible. Un appel jQuery AJAX a été utilisé pour charger chaque fichier texte dans l'élément approprié.
Voici le plan:
-
Importez la bibliothèque jQuery.
La bibliothèque jQuery est de loin la façon la plus simple de travailler avec AJAX, alors importer jQuery chaque fois que vous voulez travailler avec AJAX.
-
Ajouter une fonction d'initialisation.
Il existe plusieurs façons d'appeler les fonctions initiales dans jQuery. Peu importe le mécanisme que vous utilisez tant qu'il se produit après le chargement de la page mais avant tout autre JavaScript.
-
Charger chaque div avec la méthode load ().
La bibliothèque jQuery a une méthode load () qui vous permet d'effectuer un appel AJAX et de placer le document dans l'élément indiqué. Utilisez ce mécanisme sur chaque élément de votre page.
La même structure de document peut être utilisée avec un contenu très différent en changeant le JavaScript. Si vous ne pouvez pas créer un CMS complet (parce que le serveur n'autorise pas SSI, par exemple) mais que vous pouvez faire AJAX, ceci est un moyen facile de séparer le contenu de la mise en page.
