Ouverture d'un document XML et affichage avec AJAX
Bonjour, je suis présentement un cours de XML et je suis dans la partie d'apprendre AJAX. Cependant, même dans les exercices préliminaire, on dirait que rien ne fonctionne. Voici l'exemple. J'ai dans un répertoire le fichier xml du lien, et dans le même, ce fichier xhtml qui constitue l'exemple. Quand j'ouvre avec Firefox, je n'ai aucun titre qui apparait.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
| <?xml version="1.0" encoding="ISO-8859-1" ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Exemple plus avancé en AJAX</title>
<script language="JavaScript">
/* Cette fonction va chercher un document XML sur
le serveur et appelle la fonction afficherTitres lorsque
c'est fait! */
function chargeDocument(URI) {
try {
xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", URI,true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
afficheTitres(xmlhttp.responseXML);
}
}
xmlhttp.send(null);
} catch(o) {alert(o);}
}
/* Cette fonction est appelé lorsque le document XML est
chargé */
function afficheTitres(doc) {
titres = doc.getElementsByTagName("title");
elementol = document.createElement("ol");
var longueur = titres.length;
for ( k = 0; k < longueur ; ++k) {
elementli = document.createElement("li");
elementli.appendChild(
document.createTextNode(
titres[k].firstChild.nodeValue
)
);
elementol.appendChild(elementli);
}
body = document.getElementsByTagName("body").item(0);
body.appendChild(elementol);
}
</script>
</head>
<body>
<ul>
<li><a href="javascript:chargeDocument('ledevoir.xml');">Récupère
et affiche les nouvelles du devoir.</a></li>
</ul>
</body>
</html> |
Bref, tout ce que je vois lorsque j'ouvre la page, c'est: Récupère et affiche les nouvelles du devoir. Est-ce que l'exemple contient des erreurs? Une étape que je ne connais pas pour que ça fonctionne?