Vous pouvez lire un fichier au format XML en HTML et afficher tout son contenu sur la page HTML, c'est-à-dire afficher le contenu de la balise et afficher la balise elle-même.
Dans l'exemple suivant, nous ouvrons un fichier XML ("cd_catalog.xml"), puis parcourons chaque élément CD et affichons les valeurs de l'élément ARTIST et de l'élément TITLE dans le tableau HTML :
<html>
<corps>
<script>
si (window.XMLHttpRequest)
{//code pour IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=nouveau XMLHttpRequest();
}
autre
{//code pour IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
pour (i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
</corps>
</html>
Essayez-le »
indice:
Les informations contenues dans la balise CDATA sont transmises intactes à l'application par l'analyseur, et les balises de contrôle du segment d'informations ne sont pas analysées. La zone CDATA est marquée par : "〈![CDATA[" comme marque de début et "]]〉" comme marque de fin.
Même les espaces de début et de fin et les caractères de nouvelle ligne dans la zone CDATA seront également transférés (notez que CDATA est un caractère majuscule).
Pour en savoir plus sur l'utilisation de JavaScript et du XML DOM, visitez notre didacticiel XML DOM.