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.

**laurentSc** · 12/12/2011, 10h27

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 :

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

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 ?

**thelvin** · 12/12/2011, 10h45

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.

**laurentSc** · 12/12/2011, 11h14

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 ?)

**thelvin** · 12/12/2011, 12h25

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.

**laurentSc** · 12/12/2011, 12h49

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)...

**thelvin** · 12/12/2011, 15h36

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.

**laurentSc** · 12/12/2011, 15h49

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...

Parcourir fichier XML en Javascript

XML/XSL et SOAP

Discussions similaires

Partager

Partager