Exemple XML AJAX

Auteur：Eve Cole Date de mise à jour：2024-12-26 09:42:11

AJAX peut être utilisé pour communiquer de manière interactive avec des fichiers XML.

Exemple XML AJAX

L'exemple suivant montre comment une page Web peut utiliser AJAX pour lire des informations à partir d'un fichier XML :

Exemple

Exemple d'analyse - fonction loadXMLDoc()

Lorsque l'utilisateur clique sur le bouton "Obtenir mon CD de collection" ci-dessus, la fonction loadXMLDoc() sera exécutée.

La fonction loadXMLDoc() crée un objet XMLHttpRequest, ajoute des fonctions qui s'exécutent 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 enfin l'élément de tableau avec id="demo" est rempli avec les données XML :

Chargement de documents XML de manière asynchrone

fonction chargerXMLDoc ( ) { var xhttp = nouveau XMLHttpRequest ( ) ; xhttp .{ si ( this . readyState == 4 && this . status == 200 ) { maFonction ( ceci ) ; } ; xhttp . ouvrir ( " GET " , " cd_catalog.xml " , vrai ) xhttp .fonction maFonction ( xml ) { var je ; xmlDoc = xml . réponseXML ; table = " <tr><th>Artiste</th><th> Titre </th></tr> " ; x = xmlDoc . getElementsByTagName ( " CD " ) ; ( je = 0 ; je < x . longueur ; je ++ ) { table + = " <tr> <td> " + x [ i ] . getElementsByTagName ( " ARTIST " ) [ 0 ] . nodeValue + " </td> <td> " + x [ i ] . ( " TITRE " ) [ 0 ] . childNodes [ 0 ] . nodeValue + " </td></tr> " ; } document getElementById ( " démo " ) .

Page du serveur AJAX

La page du serveur utilisée dans l'exemple ci-dessus est en fait un fichier XML nommé « cd_catalog.xml ».