JavaScript Tutorial

XML AJAX


AJAX peut être utilisé pour une communication interactive avec un fichier XML.


Exemple XML AJAX

L’exemple suivant montre comment une page Web peut récupérer des informations à partir d’un fichier XML avec AJAX :


Exemple expliqué

Lorsqu’un utilisateur clique sur le bouton « Obtenir les informations sur le CD » ci-dessus, le loadDoc()
fonction est exécutée.

Le loadDoc() fonction crée un XMLHttpRequest objet, ajoute la fonction à exécuter lorsque la réponse du serveur est prête et envoie la requête au serveur.

Lorsque la réponse du serveur est prête, un tableau HTML est construit, les nœuds (éléments) sont extraits du fichier XML, et il met enfin à jour l’élément « demo » avec le tableau HTML rempli de données XML :

fonction chargerDoc() {
const xhttp = new XMLHttpRequest();
xhttp.onload = fonction() {maFonction(ceci);}
xhttp.open(« GET », « cd_catalog.xml »);
xhttp.send();
}
function maFonction(xml) {
const xmlDoc = xml.responseXML ;
const x = xmlDoc.getElementsByTagName(« CD »);
let table= »

Artiste Titre

 » ;
for (let i = 0; i tableau += « 

 » +
X[i].getElementsByTagName(« ARTISTE »)[0].childNodes[0].nodeValue +
«   » +
X[i].getElementsByTagName(« TITRE »)[0].childNodes[0].nodeValue +
« 

 » ;
}

document.getElementById(« démo »).innerHTML = table ;
}


Le fichier XML

Le fichier XML utilisé dans l’exemple ci-dessus ressemble à ceci : « cd_catalog.xml ».

#XML #AJAX

Articles similaires

Voir Aussi
Fermer
Bouton retour en haut de la page