Ouverture d'un document XML et affichage avec AJAX

**mandyroy** · 01/03/2023, 15h48

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 &lt; 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?

**mathieu** · 01/03/2023, 15h57

regardez dans la console de développement de votre navigateur, vous verrez une erreur javascript.
par exemple avec Firefox, faites Ctrl + Maj + K.

**mandyroy** · 01/03/2023, 16h19

Oui, j'avais en effet une erreur qui me disait que le document n'était pas accessible... Après des recherches en ligne, j'ai pu démarrer un serveur http sur mon terminal avec python et quand j'ai été sur les fichier par localhost, ça fonctionné. Merci beaucoup! Je ne connaissais pas encore cet interface pour voir les erreurs.

Ouverture d'un document XML et affichage avec AJAX

AJAX

Discussions similaires

Partager

Partager