Lire un fichier XML

**laurentSc** · 11/12/2016, 18h25

Bonjour,

mon besoin est proche de celui évoqué dans javascript XML mais pour ne pas polluer cette discussion, j'en crée une nouvelle. De même, j'ai besoin de lire un fichier XML. En voici un extrait :

Code xml :

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

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" encoding="ISO-8859-1"?>  
 <viewentries timestamp="20161211T112506,68Z" toplevelentries="165719">
 <viewentry position="118099" unid="8EF292A9E34AD1F7C1257F3F000464BE" noteid="287D666" siblings="165719">
	  <entrydata columnnumber="0" name="GUID">
	  <text>SESA402250</text> 
	  </entrydata>
	<entrydata columnnumber="1" name="IsSEEmployee">
  <text>No</text> 
  </entrydata>
  </viewentry>
  </viewentries>

Pour le lire, je me suis inspiré de ce tuto : http://pckult.developpez.com/tutorie...e-fichier-xml/
J'ai donc fait ce code :

Code html+js :

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
<!DOCTYPE html>
<html lang="fr">
<head>
     <meta charset="ISO-8859-1" />
     <title></title>
	<style>
	</style>
</head>
<body>
 <div id="Div_XML"></div>
<script> 
$(document).ready(  
 function()
 {
   $.ajax( {
            type: "GET",
             url:"site2.xml",
            dataType: "xml",
            success: function(xml) 
                     {
                       $(xml).find('viewentry').each(   
                         function()
                         {
                            var columnnumber = $(this).attr('columnnumber');
                            var entrydata = $(this).find('entrydata').text();
                            $('<div class="items" id="columnnumber_' + columnnumber + '"></div>').html(entrydata).appendTo('#Div_XML');
 
                          });
                      }
        });
  }
);
</script> 
 
</body>
</html>

mais page blanche

J'ai fait un second essai complètement différent. La source est cette fois http://www.w3schools.com/xml/met_ele...tattribute.asp.

xml :

Code xml :

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<?xml version="1.0" encoding="UTF-8"?>
 
-<bookstore>
 
 
-<book category="cooking">
 
<title lang="en">Everyday Italian</title>
 
<author>Giada De Laurentiis</author>
 
<year>2005</year>
 
<price>30.00</price>
 
</book>
 
 
-<book category="children">
 
<title lang="en">Harry Potter</title>
 
<author>J K. Rowling</author>
 
<year>2005</year>
 
<price>29.99</price>
 
</book>
 
 
-<book category="web">
 
<title lang="en">XQuery Kick Start</title>
 
<author>James McGovern</author>
 
<author>Per Bothner</author>
 
<author>Kurt Cagle</author>
 
<author>James Linn</author>
 
<author>Vaidyanathan Nagarajan</author>
 
<year>2003</year>
 
<price>49.99</price>
 
</book>
 
 
-<book category="web" cover="paperback">
 
<title lang="en">Learning XML</title>
 
<author>Erik T. Ray</author>
 
<year>2003</year>
 
<price>39.95</price>
 
</book>
 
</bookstore>

Code html+js :

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
<!DOCTYPE html>
<html>
<body>
 
<p id="demo"></p>
 
<script> 
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
 
function myFunction(xml) {
    var x, i, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.getElementsByTagName('book');
    for (i = 0; i < x.length; i++) { 
        txt += x[i].getAttribute('category') + "<br>";
    }
    document.getElementById("demo").innerHTML = txt; 
}
</script> 
 
</body>
</html>

mais de nouveau page blanche

Pourriez-vous me donner un code qui marche ?

**laurentSc** · 12/12/2016, 17h26

Parmi les nombreuses réponses, le choix étant difficile, j'ai résolu mon besoin en PHP...

**Watilin** · 12/12/2016, 20h16

L’objet XMLHttpRequest, utilisé seul, rechigne à travailler avec du XML mal formé. Et il considère un XML comme mal formé pour tout un tas de raisons, par exemple un prologue un tout petit peu exotique, ou bien un problème d’encodage.

Pour commencer je te suggère de vérifier l’encodage de ton XML avec ton éditeur de texte, en faisant attention notamment à la présence ou non d’une Byte Order Mark (BOM). S’il y en a une, fais en sorte de l’éliminer.

Je n’ai pas grande expérience du XML car j’ai toujours préféré travailler avec un autre format (texte brut, HTML ou JSON) donc je ne peux te donner que quelques vagues pistes d’investigation.

En reprenant ta seconde solution, regarde dans la console si tu as quelque chose dans responseXML. S’il y a eu un problème d’interprétation, la valeur sera vide et tu devras à la place interpréter responseText à la main.

Code :

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

1
2
3
4
5
6
function myFunction(xml) {
  console.log(xml.responseXML);
  console.log(xml.responseText);
 
  …
}

Dans ta première solution, ton prologue XML annonce un encodage ISO-8859-1. Je ne suis pas certain mais c’est peut-être suffisant pour entraîner un échec d’interprétation. JavaScript préfère l’UTF-8 en toutes situations. Ou alors c’est parce que l’encodage réel du fichier ne correspond pas à la déclaration.

Il y a peut-être moyen de forcer l’interprétation avec le bon encodage (à condition que ça corresponde à l’encodage réel du fichier) en ajoutant une option mimeType à l’appel $.ajax comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
  $.ajax({
    type: 'GET',
    url: 'site2.xml',
    dataType: 'xml',
    mimeType: 'text/xml; charset=iso-8859-1',
    success: function (xml) {
      …
    }
  });

D’après la doc de jQuery.parseXML (la méthode qui est appelée en interne par $.ajax), jQuery fait simplement appel à l’analyseur XML du navigateur, donc il n’est pas beaucoup plus utile. Par contre dans cette doc on peut voir que le XML de l’exemple n’a pas de prologue, donc tu devrais essayer de retirer les tiens pour voir si ça marche mieux.

**laurentSc** · 13/12/2016, 09h28

Envoyé par Watilin

Pour commencer je te suggère de vérifier l’encodage de ton XML avec ton éditeur de texte

comme le xml est donné par une URL, ça va être difficile...

Envoyé par Watilin

regarde dans la console

Jamais utilisée. Je viens d'essayer (Firefox/Tools/Web Developper/Web Console puis dans la fenêtre qui apparaît en bas, j'ai tapé console.log(xml.responseXML); mais ReferenceError: xml is not defined

Comment on fait ?

Envoyé par Watilin

Dans ta première solution, ton prologue XML annonce un encodage ISO-8859-1.

Pas mieux si je mets utf-8

**NoSmoking** · 13/12/2016, 11h13

Bonjour,
quand tu copies un fichier il faut le copier correctement, c'est quoi les tirets ?

Code xml :

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

1
2
-<bookstore>
-<book category="cooking">

**laurentSc** · 13/12/2016, 12h29

Les tirets, ils y sont dans la source : http://www.w3schools.com/xml/books.xml, mais effectivement, si je les enlève, ça marche !

Par contre, je veux bien l'explication sur l'utilisation de la console, que je demandais post #4...

**Watilin** · 13/12/2016, 12h34

Envoyé par laurentSc

mais ReferenceError: xml is not defined

Comment on fait ?

xml est défini dans le contexte de ta fonction myFunction. Si tu mets les appels à console.log dans ton code, tu verras les valeurs apparaître automatiquement dans la console quand le script s’exécute. C’est un peu comme alert mais en plus pratique.

**laurentSc** · 13/12/2016, 13h38

Merci ; c'était surtout pour apprendre sur la console car en PHP, c'est bien plus simple...

Code php :

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

1
2
3
 
$xml=simplexml_load_file("http://url_fichier_XML");
$photo=$xml->viewentry->entrydata[44]->text;

pour

Code xml :

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

1
2
3
4
5
6
7
8
9
10
11
 
  <?xml version="1.0" encoding="UTF-8" ?> 
- <viewentries timestamp="20161213T122720,88Z" toplevelentries="166039">
- <viewentry position="64052" unid="62D63FE304827383C12570AD005AA2E3" noteid="920DA" siblings="166039">
...
- <entrydata columnnumber="44" name="PhotoURL">
  <text>http://---.jpg</text> 
  </entrydata>
...
  </viewentry>
  </viewentries>

là aussi, des tirets...

et pour utiliser la console, faut toujours mettre du code dans le fichier ?

**SpaceFrog** · 13/12/2016, 13h48

Avec le XML comme il faut:
https://jsfiddle.net/0a4ah9xt/

**Watilin** · 13/12/2016, 14h15

Envoyé par laurentSc

et pour utiliser la console, faut toujours mettre du code dans le fichier ?

Pas nécessairement, la console fonctionne comme un interpréteur en ligne de commandes. Tu peux lui faire évaluer n’importe quel code JS. Par exemple si tu tapes 40 + 2 elle va te répondre 42 ; si tu tapes location.href = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ' elle va te rickroller.

D’autre part, dans tous tes scripts tu as accès à l’objet global console qui est une API. Elle expose la fonction log dont on a parlé, ainsi que quelques autres.

**NoSmoking** · 13/12/2016, 18h44

Envoyé par laurentSc

là aussi, des tirets...

les tirets ou autres couleurs sont ajoutés par le navigateur, il te faut récupérer le code via un CTRL +U et magique le formatage.

**laurentSc** · 13/12/2016, 22h34

Envoyé par SpaceFrog

Avec le XML comme il faut:

Je viens de regarder ton code js ; merci, mais il n'en reste pas moins que si on a le php, c'est plus simple...

Néanmoins, je crois l'avoir déjà vu, donc c'est possible : comment faire si le xml est juste donné par une url (comme dans mon post #8 ) ?

**Watilin** · 13/12/2016, 23h42

Effectivement c’est plus simple en PHP, et c’est même une bibliothèque installée par défaut.

Suprenant que les implémentations JavaScript soient si mauvaises en comparaison. Heureusement on peut toujours trouver des biblis tierces qui font le travail correctement. Je fais confiance aux membres de ce forum qui ont plus l’expérience du XML que moi pour t’en indiquer une bonne.

**SpaceFrog** · 14/12/2016, 08h37

comment faire si le xml est juste donné par une url (comme dans mon post #8 ) ?

L'url doit retourner un code xml "propre", sans caractères parasites ...
Vérifie si il n'y a pas d'espaces indésirable renvoyés au début de la chaine, du du BOM.

De préférence le serveur doit retourner de l'utf8 sans BOM, autrement dit ta page de traitement php qui retourne l'XML doit être en utf8 sans BOM et ne pas retourner d'espaces ni de retours ligne superflus.
Ainsi le parseur intégré de JQUERY (dataType: 'json') pourra parser la chaine retournée.

Parfois on ne maitrise pas la page de traitement... On peut toutefois recupérer la chaine en dataType text et supprimer les caractères indésirable avec JS:

Code :

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