Parcourir fichier XML en Javascript

Version imprimable

11/12/2011, 15h17
evil05

Parcourir fichier XML en Javascript

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.
11/12/2011, 16h20
thelvin

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.

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

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
 
 /* 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:

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:

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

par :

Code:

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

11/12/2011, 21h55
thelvin

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.
11/12/2011, 23h34
evil05

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 ;)
11/12/2011, 23h39
thelvin

Citation:

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.
12/12/2011, 10h27
laurentSc
Moi, j'avais justement tenté de lire un fichier xml donné par une url en PHP, et ça ne pouvait marcher qu'en modifiant le paramètre "allow_url_fopen" de PHP.INI, et non modifiable par ini_set, donc ça ne pouvait tourner qu'en local. Voici mon code :
Code:

1 2 3 4 5 $dom = new DomDocument('1.0'); $url="http://---"; $res=$dom->load($url); $listeText = $dom->getElementsByTagName('text'); ...
Pouvez-vous me donner votre solution ?
12/12/2011, 10h45
thelvin

Citation:

Envoyé par laurentSc

Moi, j'avais justement tenté de lire un fichier xml donné par une url en PHP, et ça ne pouvait marcher qu'en modifiant le paramètre "allow_url_fopen" de PHP.INI, et non modifiable par ini_set, donc ça ne pouvait tourner qu'en local.

Cela est inévitable. Il s'agit d'un réglage pour empêcher l'accès aux URLs externes, par conséquent il n'est pas modifiable par les programmes qui veulent avoir cet accès, et n'est pas contournable.

Il faut négocier l'accès à cette URL avec ton hébergeur, ou bien prendre un hébergeur qui t'y autorisera.
12/12/2011, 11h14
laurentSc

Merci de l'info (en fait, c'est parfaitement logique) ; en fait, ça concernait un intranet (l'"hébergeur" étant mon entreprise) ; simplement, le code pour lire le xml, il fallait que je le mette hors des serveurs de l'entreprise, car ceux-ci n'exécutent pas le PHP. Et comment ça se passe, donner l'autorisation d'accéder à un xml ? (qu'est-ce qu'ils doivent faire pour que ça devienne possible ?)
12/12/2011, 12h25
thelvin

Citation:

Envoyé par laurentSc

Merci de l'info (en fait, c'est parfaitement logique) ; en fait, ça concernait un intranet (l'"hébergeur" étant mon entreprise) ; simplement, le code pour lire le xml, il fallait que je le mette hors des serveurs de l'entreprise, car ceux-ci n'exécutent pas le PHP. Et comment ça se passe, donner l'autorisation d'accéder à un xml ? (qu'est-ce qu'ils doivent faire pour que ça devienne possible ?)

Ça dépend de ce qu'ils ont prévu pour ça, les méthodes possibles ne sont pas standardisées, voir avec eux.

S'ils n'ont rien prévu pour ça, une solution serait de mettre allow_url_fopen sur le serveur.
12/12/2011, 12h49
laurentSc

Citation:

une solution serait de mettre allow_url_fopen sur le serveur

Je suppose que tu parles de mon serveur (chez eux, ça servirait à rien). Mais va dire ça à 1&1 ou à OVH (par exemple)...
12/12/2011, 15h36
thelvin

Citation:

Envoyé par laurentSc

Je suppose que tu parles de mon serveur (chez eux, ça servirait à rien). Mais va dire ça à 1&1 ou à OVH (par exemple)...

Mais c'est qui, eux ? Tu arrêtes pas de changer qui sont les acteurs en présence, ça veut rien dire.

Sur le serveur PHP qui exécute du code qui cherche à récupérer une URL distance, il faut que la configuration du allow_url_fopen soit autorisée, et pour ça, il faut t'arranger avec les gens qui gèrent ce serveur PHP.
=> Si c'est ton intranet d'entreprise, tu leur dis de faire ça ou tu leur expliques ton besoin.
=> Si c'est un hébergeur mutualisé pas cher... À la limite ça coûte rien de demander mais on va sans doute t'envoyer chier, oui. Donc il faut migrer vers un hébergeur plus cher, ou alors il faut renoncer à aller chercher des URLs distantes.
12/12/2011, 15h49
laurentSc

Je clarifie :
"eux", c'est mon entreprise, dont les serveurs n'exécutent pas le PHP. (et chez qui se trouvent les fichiers XML).
Comme le PHP n'y tourne pas, je mets le traitement ailleurs (y a pas que la lecture des xml ; PHPExcel par exemple exige le PHP...) Et ailleurs, pour moi, j'ai voulu utiliser les hébergeurs dont je dispose ; tu as raison ; je vais leur poser la question ; ça mange pas de pain...