Parcourir fichier XML en Javascript

**evil05** · 11/12/2011, 15h17

Bonjour,
Bref j'ai un fichier XML dans un site web ( j'ai son lien ) et je veux parcourir ce XML dans un fichier javascript et récupérer juste les informations que je veux et les afficher dans un fichier HTML.

**thelvin** · 11/12/2011, 16h20

Du fait que les navigateurs de différentes versions ne sont pas d'accord sur la manière de charger un fichier XML, il est plus simple de le faire en passant par une bibliothèque JavaScript qui règle le problème, comme jQuery.

J'ai trouvé un tutoriel de parcours de XML avec jQuery, et en le lisant, lui et la documentation de jQuery, notamment ce qui concerne la navigation dans le XML et les sélecteurs CSS gérés, on peut s'en sortir sans trop de problèmes.

Petit bémol, il n'y a pas de gestion des namespaces, ni de la sélection XPath.

**evil05** · 11/12/2011, 17h54

Voilà j'ai un code qui permet d'afficher le contenu d'un fichier XML
Le voilà

Code :

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
 
 /* FICHIER HTML * / 
<html>
<body>

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","catalogue.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
for (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>

</body>
</html>

Code :

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

1
2
3
 
 <!--- CODE FICHIER catalogue.xml -->
<?xml version="1.0" encoding="ISO-8859-1"?> <!-- Edited by XMLSpy® --> <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </CD> <CD> <TITLE>Hide your heart</TITLE> <ARTIST>Bonnie Tyler</ARTIST> <COUNTRY>UK</COUNTRY> <COMPANY>CBS Records</COMPANY> <PRICE>9.90</PRICE> <YEAR>1988</YEAR> </CD> ....

Alors mon code s'exécute correctement sans problème, mais le problème que j'ai c'est que mon fichier catalogue existe dans un serveur et quand je remplace la ligne

Code :

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

1
2
 
xmlhttp.open("GET","catalogue.xml",false);

par :

Code :

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

1
2
 
xmlhttp.open("GET","http://www.w3schools.com/xml/cd_catalog.xml",false);

Il m'affiche rien !!
je pense que le problème est quand le programme essaie de lire mon fichier il trouve pas l'entête d'un fichier XML et puis il peut pas le lire !!
j'espère que vous m'avez compris, essayez de m'aider ...merci

**thelvin** · 11/12/2011, 21h55

Ah, le fichier XML est sur un autre site que le tien ?

Dans ce cas, c'est une violation de la same-origin policy. Le navigateur ne veut pas t'autoriser à espionner les sites auxquels ton visiteur peut accéder.

Il faut mettre en place un accord de principe entre ton site et w3schools pour qu'ils indiquent au navigateur que ces données ne sont pas confidentielles et que ton site (ou tous les sites de la planète) peut les demander.
En utilisant CORS.

J'approuve l'idée de faire ces traitements en JavaScript car ça délègue les ressources de connexion au visiteur plutôt qu'à ton serveur, mais ce n'est pas si facile, pour raisons de sécurité.
Il vaut mieux que ce soit ton serveur qui aille chercher le fichier XML et qui le traite.

**evil05** · 11/12/2011, 23h34

Merci thelvin

c'est exactement ce que j'ai fais, c'est seulement donner comme exemple le rss du site W3S
ben la méthode c'étais de créer un fichier php qui me renvoie les données du fichier XML et puis les renvoyer à un fichier HTML et les traiter puis les afficher comme je veux

**thelvin** · 11/12/2011, 23h39

Envoyé par evil05

ben la méthode c'étais de créer un fichier php qui me renvoie les données du fichier XML et puis les renvoyer à un fichier HTML et les traiter puis les afficher comme je veux

Exactement. C'est assez compliqué, mais ça au moins ça ne modifie pas la chaîne de confiance.

Parcourir fichier XML en Javascript

XML/XSL et SOAP

Vue hybride

Discussions similaires

Partager

Partager