Charger le fichier xml à partir de javascript

Totalement nouveau pour XML et j'ai eu du mal sur cette très simple objectif trop longtemps (si je peux le trouver assez sur l'internet à ce sujet). Juste que les valeurs de ce fichier xml:

<?xml version="1.0" encoding="UTF-8"?>
<materials>
    <basic>
        <uurloon>10</uurloon>
        <setloon>100</setloon>
    </basic>
    <extra>
        <geluid>150</geluid>
        <ledset>35</ledset>
        <strobo>20</strobo>
        <laser>50</laser>
    </extra>
</materials>

En javascript, j'utilise ce code pour obtenir les données xml:

//load xml file
if (window.XMLHttpRequest) {
   xhttp = new XMLHttpRequest();
} else {    //IE 5/6
   xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

xhttp.open("GET", "pricing.xml", false);
xhttp.send();
xmlDoc = xhttp.responseXML; 

var uurloon = xmlDoc.getElementsByTagName("uurloon")[0].childNodes[0].text;
var setloon = xmlDoc.getElementsByTagName("setloon")[0].childNodes[0].text
alert('end');

Pas de résultat mais je ne vois pas l'alerte..

  • Êtes-vous limité à du javascript? ou avez-vous de php?
InformationsquelleAutor mmvie | 2011-11-23
  1. 2

    Votre serveur n'est pas de retour approprié Content-Type en-tête. Le responseXML propriété ne fonctionne que si le serveur renvoie un Content-Type: text/xml ou similaire +xml en-tête.

    Voir Les Motifs Ajax:

    Le service a juste à la sortie d'un Contenu XML en-tête de type de...

    À partir du w3c:

    Dans le cas où le type MIME n'est pas null, text/xml, application/xml, et n'a pas de fin en +xml [...] renvoie la valeur null.

    Si vous n'avez pas accès au serveur et ne peut pas changer le Content-Type en-tête, utilisez le overrideMimeType fonction de la force de la XMLHttpRequest pour traiter la réponse que text/xml:

    if (window.XMLHttpRequest) {
   xhttp = new XMLHttpRequest();
} else {    //IE 5/6
   xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

xhttp.overrideMimeType('text/xml');

xhttp.open("GET", "pricing.xml", false);
xhttp.send(null);
xmlDoc = xhttp.responseXML;

var uurloon = xmlDoc.getElementsByTagName("uurloon")[0].childNodes[0].text;
var setloon = xmlDoc.getElementsByTagName("setloon")[0].childNodes[0].text
alert('end');

    citation: http://blog-rat.blogspot.com/2010/11/xmlhttprequestresponsexml-returns-null.html

    InformationsquelleAutor Richard JP Le Guen
  2. 1
    //load xml file
if (window.XMLHttpRequest) {
   xhttp = new XMLHttpRequest();
} else {    //IE 5/6
   xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

xhttp.open("GET", "pricing.xml", false);
xhttp.send(null);
xhttp.onreadystatechange = function(){
 if (xhttp.status == "200")
xmlDoc = xhttp.responseXML; 
}
var uurloon = xmlDoc.getElementsByTagName("uurloon")[0].childNodes[0].textContent;
var setloon = xmlDoc.getElementsByTagName("setloon")[0].childNodes[0].textContent;
alert('end');
    InformationsquelleAutor DrStrangeLove
  3. 0

    Je fais un simple test avec un fichier appelé price.xml:

    <?xml version="1.0" encoding="UTF-8"?>
<materials>
    <basic>
        <uurloon>10</uurloon>
        <setloon>100</setloon>
    </basic>
    <extra>
        <geluid>150</geluid>
        <ledset>35</ledset>
        <strobo>20</strobo>
        <laser>50</laser>
    </extra>
</materials>

    Et html avec ce code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head> 
<body onload="init()">
<p>Hola</p>
<script>
function init(){
    //load xml file
    if (window.XMLHttpRequest) {
       xhttp = new XMLHttpRequest();
    } else {    //IE 5/6
       xhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xhttp.open("GET", "price.xml", false);
    xhttp.send();
    xmlDoc = xhttp.responseXML; 

    var uurloon = xmlDoc.getElementsByTagName("uurloon")[0].childNodes[0].textContent;
    var setloon = xmlDoc.getElementsByTagName("setloon")[0].childNodes[0].textContent;
    console.log(uurloon,setloon); //give me "10 100"
}
</script>
</body>
</html>

    Et dans les œuvres pour moi. Je pense échoue pour vous parce que vous êtes à l'appel de la .text attribut au lieu .textContent.

    InformationsquelleAutor Galled