AJAX XML
AJAX peut être utilisé pour communiquer de manière interactive avec le fichier XML.
instance XML AJAX
L'exemple suivant montre comment utiliser la page Web AJAX pour lire les informations à partir du fichier XML:
fonction loadXMLDoc () - exemples d'analyse
Lorsque les utilisateurs cliquent sur le bouton "Obtenir des informations sur le CD" exécutera la fonction loadXMLDoc ().
fonction loadXMLDoc () pour créer l'objet XMLHttpRequest, ajouter la fonction à exécuter lorsque la réponse du serveur est prêt, et envoie la demande au serveur.
Lorsque la réponse du serveur est prêt, il va construire un tableau HTML, noeud extrait (élément) à partir du fichier XML, puis utilisez le formulaire HTML a été rempli dans les données XML pour mettre à jour placeholders txtCDInfo:
{
var xmlhttp;
var txt,xx,x,i;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
txt=txt + "<tr>";
xx=x[i].getElementsByTagName("TITLE");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td> </td>";
}
}
xx=x[i].getElementsByTagName("ARTIST");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td> </td>";
}
}
txt=txt + "</tr>";
}
txt=txt + "</table>";
document.getElementById('txtCDInfo').innerHTML=txt;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
page du serveur AJAX
L'exemple ci - dessus utilise le serveur de pages est en fait un "nommé cd_catalog.xml " le fichier XML.