Parcourir fichier XML en Javascript [Résolu]

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

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.

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

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.

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

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.

laurentSc · 12/12/2011, 12h49

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

thelvin · 12/12/2011, 15h36

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.

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

11/12/2011, 15h17	#1
evil05 Invité régulier Medy Saf Étudiant Inscription : mai 2011 Messages : 18 Détails du profil Informations personnelles : Nom : Medy Saf Localisation : Maroc Informations professionnelles : Activité : Étudiant Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : mai 2011 Messages : 18 Points : 6 Points : 6	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.
	00

11/12/2011, 16h20	#2
thelvin Expert Confirmé Sénior Inscription : septembre 2004 Messages : 5 092 Détails du profil Informations forums : Inscription : septembre 2004 Messages : 5 092 Points : 7 020 Points : 7 020	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.
	00

11/12/2011, 23h34	#5
evil05 Invité régulier Medy Saf Étudiant Inscription : mai 2011 Messages : 18 Détails du profil Informations personnelles : Nom : Medy Saf Localisation : Maroc Informations professionnelles : Activité : Étudiant Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : mai 2011 Messages : 18 Points : 6 Points : 6	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
	00

12/12/2011, 11h14	#9
laurentSc Débutant Laurent Webmaster Inscription : octobre 2006 Messages : 2 873 Détails du profil Informations personnelles : Nom : Laurent Âge : 48 Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Webmaster Secteur : Industrie Informations forums : Inscription : octobre 2006 Messages : 2 873 Points : 1 320 Points : 1 320	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 ?) __________________ Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell
	00

12/12/2011, 15h49	#13
laurentSc Débutant Laurent Webmaster Inscription : octobre 2006 Messages : 2 873 Détails du profil Informations personnelles : Nom : Laurent Âge : 48 Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Webmaster Secteur : Industrie Informations forums : Inscription : octobre 2006 Messages : 2 873 Points : 1 320 Points : 1 320	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... __________________ Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell
	00

11/12/2011, 21h55	#4
thelvin Expert Confirmé Sénior Inscription : septembre 2004 Messages : 5 092 Détails du profil Informations forums : Inscription : septembre 2004 Messages : 5 092 Points : 7 020 Points : 7 020	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.
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email