Ajax - Fonction simplifiée load()

Ajax – Fonction simplifiée "load()"

La méthode load() permet de charger une page(ou une partie de code HTML) et de l’injecter dans le noeud DOM sélectionné.

Exemple : On veut afficher tout le contenu du fichier fic.html ou une image seule (id="img1") qui figure dans ce fichier.

Fichier fic.html

HTML


<div id="div1"></div>
<div id="div2"></div>

Javascript


//Affiche uniquement l'image
$('#div1').load('https://michelpiallier.info/blog/ressources/fic.html #img1');
//Affiche le fichier complet
$('#div2').load('https://michelpiallier.info/blog/ressources/fic.html');

Démo

Publier 26 avril 2017 par Michel PIALLIER dans Non classifié(e) Commentaires fermés