从外部托管的xml文件读取到html表中

时间:2016-08-26 11:10:37

标签: javascript html xml

我正在尝试从外部托管的xml文档读取到html表中。 我将使用示例xml文档。

这是我的代码:

    <button type="button" onclick="loadXMLDoc()">Get my CD collection</button>
    <br><br>
    <table id="demo" class="responstable"></table>

    <script>
        function loadXMLDoc() {
            var xmlhttp = new XMLHttpRequest();
             xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    myFunction(xmlhttp);
                }
             };

             xmlhttp.open("GET", "http://www.w3schools.com/xml/cd_catalog.xml", false);
            xmlhttp.send();
        }
        function myFunction(xml) {
            var i;
            var xmlDoc = xml.responseXML;
            var table = "<tr><th>Artist</th><th>Title</th></tr>";
            var x = xmlDoc.getElementsByTagName("CD");
            for (i = 0; i < x.length; i++) {
                table += "<tr><td>" +
                x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
                "</td><td>" +
                x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
                "</td></tr>";
            }
            document.getElementById("demo").innerHTML = table;
        }
    </script>

如果我将url更改为cd_catalog.xml,它可以工作,因为我也将文件下载到同一目录中。这不是我的目标。我需要访问外部托管的XML。

0 个答案:

没有答案