在html页面中获取xml节点

时间:2018-04-12 12:31:18

标签: html xml xmlnode

所以我有这个XML

<food>
    <name>French Toast</name>
    <price>$4.50</price>
    <description>
    Thick slices made from our homemade sourdough bread
    </description>
    <calories>600</calories>
</food>

我想得到食物的名称。我怎样才能做到这一点? 我已经尝试过这段代码了:

<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 xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName('title')[0];
    var y = x.childNodes[0];
    document.getElementById("demo").innerHTML = y.nodeValue; 
}
</script>

https://jsfiddle.net/jLa6kanr/2/

1 个答案:

答案 0 :(得分:-1)

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myFunction(this);
    }
};
xhttp.open("GET", "http://localhost/foldername/book.xml", true);
xhttp.send();

function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName('name')[0];
    var y = x.childNodes[0];
    document.getElementById("demo").innerHTML = y.nodeValue; 
}
</script>