Discussion :

[Pal31]

Bonjour à tous,

Je souhaite récupérer les informations d'un document XML à l'aide d'un script (DOM), mon code me retourne l'erreur "xmlhttp is not defined".
Je ne suis pas programmeur à la base et il se peut que mon erreur soit une erreur de débutant. Je bloque depuis quelques jours dessus, essaye des choses trouvées sur le web mais ne trouve pas de solution.

Voici mon fichier XML:
Bra.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
<?xml version='1.0' ?>
<EL>    
     <BRANCHES>
          <BRA ID = "BRA0001">
               <SEGMENT>BNS0088</SEGMENT>
               <SEGMENT>BNS0090</SEGMENT>
               <SEGEXT>DER0001</SEGEXT>
               <SEGEXT>EXT0038</SEGEXT>
               <ASROUTEBR>11M</ASROUTEBR>
               <ENVIRONMENTS>
                    <ENVIRONMENTTYPE>PRESSURISED</ENVIRONMENTTYPE>
               </ENVIRONMENTS>
               <ROUTECODE>11M</ROUTECODE>
               <LENGTH>784.006</LENGTH>
               <DIAMETER>6.0</DIAMETER>
               <BENDRADIUS>18.0</BENDRADIUS>
               <BRA_GEOM>
                    <INFO3D_COORD>
                         <Point X = "12856.940" Y = "-2809.882" Z = "-116.364"/>
                         <Vector X = "-0.17955" Y = "-0.69185" Z = "0.69936"/>
                    </INFO3D_COORD>
                    <INFO3D_COORD>
                         <Point X = "12840.315" Y = "-2851.720" Z = "-55.351"/>
                         <Vector X = "-0.28422" Y = "-0.14765" Z = "0.94732"/>
                    </INFO3D_COORD>
                    <INFO3D_COORD>
                         <Point X = "12836.622" Y = "-2853.641" Z = "-43.036"/>
                         <Vector X = "-0.28383" Y = "-0.14802" Z = "0.94738"/>
                    </INFO3D_COORD>
                    <INFO3D_COORD>
                         <Point X = "12882.119" Y = "-2894.158" Z = "121.646"/>
                         <Vector X = "1.00000" Y = "0.00002" Z = "-0.00003"/>
                    </INFO3D_COORD>
                    <MIDDLE_POINT>
                         <Point X = "12967.780" Y = "-2886.374" Z = "83.137"/>
                    </MIDDLE_POINT>
               </BRA_GEOM>
          </BRA>
     </BRANCHES>
</EL>

Et voici mon code js:
Bra.js

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
34
var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      myFunction(this);
    }
};
xmlhttp.open("GET", "Bra.xml", true);
xmlhttp.send();
 
function myFunction(xml) {
    var x, y, i, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.documentElement;
    y = xmlDoc.documentElement.childNodes;
    for(i = 0; i < y.length; i++) {
        if (y[i].nodeType != 3 && y[i].nodeType != 9) {
            txt += "Nodename: " + y[i].nodeName +
            " (value: " + y[i].childNodes[0].nodeValue + ")<br>";
        }
        for(z = 0; z < y[i].childNodes.length; z++) {
            if (y[i].childNodes[z].nodeType != 3) {
                txt += "Nodename: " + y[i].childNodes[z].nodeName +
                " (value: " + y[i].childNodes[z].childNodes[0].nodeValue + ")<br>";
            }
        }
    }
    document.getElementById("Bra").innerHTML = 
    "Nodename: " + xmlDoc.nodeName +
    " (value: " + xmlDoc.childNodes[0].nodeValue + ")<br>" +
    "Nodename: " + x.nodeName + 
    " (value: " + x.childNodes[0].nodeValue + ")<br>" +
    txt;
}

Merci d'avance pour vos réponses.
Cordialement

[NoSmoking]

Bonjour,

(...)mon code me retourne l'erreur "xmlhttp is not defined".

avec le code que tu nous montres tu ne devrais pas avoir cette erreur, sauf si tu utilises un « very old navigateur » !?!

[Pal31]

Bonjour,
Après de longues recherches essais et autres je pense avoir déterminé la source de mon problème.

Merci pour ta réponse, cela aurait pu être en effet une cause mais à priori c'est tout autre.

(...)mon code me retourne l'erreur "xmlhttp is not defined".

avec le code que tu nous montres tu ne devrais pas avoir cette erreur, sauf si tu utilises un « very old navigateur » !?!

Pour te répondre, non j'utilise la dernière version de chrome mais le problème ne vient pas du navigateur de ce que j'ai pu comprendre. (Pour la blague je dirais même qu'il se situe entre la chaise et le clavier).

Ce que j'essaie de faire c'est de récupérer les données d'une ressource en local alors que la fonction "xmlhttp" ne permet pas ça, il va donc falloir que je trouve une autre fonction pour lire un fichier local.
Ais-je bien compris ou cela vient d'un autre problème?
Si ce problème est bien lié à ça, pensez-vous que je suisse continuer à utiliser le reste de mon script ou dois-je chercherune autre façon de le faire pour intervenir sur mes ressources en local?

EDIT:

Je viens de créer un fichier html pour essayer de régler mon problème, celui-ci aussi est en local.
Lorsque je le lance j'ai ma page qui s'ouvre mais malheureusement qui reste totalement blanche. Est-ce lié à mon problème précédent ou une erreur de code?

fichier html:

Code HTML :

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
<!DOCTYPE html>
<html>
<body>
    <p id="Bra"></p>
 
    <script>
        function loadXMLDoc() {
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                myFunction(this);
                }
            };
        xmlhttp.open("GET", "Bra.xml", true);
        xmlhttp.send();
        }
        function myFunction(xml) {
            var x, y, i, xmlDoc, txt;
            xmlDoc = xml.responseXML;
            txt = "";
            x = xmlDoc.documentElement;
            y = xmlDoc.documentElement.childNodes;
            for(i = 0; i < y.length; i++) {
                if (y[i].nodeType != 3 && y[i].nodeType != 9) {
                    txt += "Nodename: " + y[i].nodeName +
                    " (value: " + y[i].childNodes[0].nodeValue + ")<br>";
                }
                for(z = 0; z < y[i].childNodes.length; z++) {
                    if (y[i].childNodes[z].nodeType != 3) {
                        txt += "Nodename: " + y[i].childNodes[z].nodeName +
                        " (value: " + y[i].childNodes[z].childNodes[0].nodeValue + ")<br>";
                    }
                }
            }
            document.getElementById("Bra").innerHTML = 
            "Nodename: " + xmlDoc.nodeName +
            " (value: " + xmlDoc.childNodes[0].nodeValue + ")<br>" +
            "Nodename: " + x.nodeName + 
            " (value: " + x.childNodes[0].nodeValue + ")<br>" +
            txt;
        }
    </script>
</body>
</html>

voici le résultat:


Merci

[Pal31]

Je viens de repenser ma solution, comme je n'avais pas pris en compte le fait que javascript a besoin d'un serveur pour récupérer les fichiers, infos etc...
Je compte mettre en place un serveur, pensez-vous que ça pourrait me permettre de régler mes problèmes?

Merci d'avance

[NoSmoking]

Je compte mettre en place un serveur, pensez-vous que ça pourrait me permettre de régler mes problèmes?

vaec un serveur local pas de soucis, tu peux également soit tester sur un navigateur qui supporte/accepte cela soit encore lancer Chrome avec comme paramètre --allow-file-access-from-files.

[Pal31]

(...) tu peux également soit tester sur un navigateur qui supporte/accepte cela soit encore lancer Chrome avec comme paramètre --allow-file-access-from-files.

Merci pour ta réponse, j'ai pu faire un pas en avant sans avoir à créer de serveur, maintenant j'ai une page totalement blanche qui s'ouvre donc à priori cela viendrait d'une erreur dans mon code, si quelqu'un a une idée? Je vais continuer de chercher de mon côté aussi bien entendu.

Merci à tous