javascript - 从 url 无法将 XML 导入到 html

Question

我想将 XML 数据显示到表中。脚本是:

<script type="text/javascript">

    var xhr= window.XMLHttpRequest? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
    xhr.onreadystatechange= function() {
        if (this.readyState===4 || this.status===200)
            populateTable(this.responseXML);
    };
    xhr.open('GET', 'http://imenicka.cz/xml/menicko.php?hash=fccab45d85b39726611ab433f66263a7&restaurace=430&datum=2013-10-02', true);
    xhr.send();

    function populateTable(xml) {
        var table= document.getElementById('cds');
        var cds= xml.getElementsByTagName('MENICKO');
        for (var i= 0; i<cds.length; i++) {
            var row= table.insertRow(-1);

            function getProperty(name) {
                var el= cds[i].getElementsByTagName(name)[0];
                if (el.firstChild)
                    return el.firstChild.data;
                return ''; // allow empty elements
            }
            function addCell(value) {
                row.insertCell(-1).appendChild(document.createTextNode(value));
            }

            addCell(getProperty('TEXT'));
            addCell(getProperty('CENA'));
        }
    };

</script>

如果我想从 导入数据，则不起作用

xhr.open('GET', 'http://imenicka.cz/xml/menicko.php?hash=fccab45d85b39726611ab433f66263a7&restaurace=430&datum=2013-10-02', true);。

但是如果我从文件夹中获取数据，那么它就会发生。

xhr.open('GET', 'menicka.xml', true);

我对 javascript 不太了解，所以我无法弄清楚。

Answer 1

来自 http://imenicka.cz/xml/menicko.php?hash=fccab45d85b39726611ab433f66263a7&restaurace=430&datum=2013-10-02 的响应类型为 text/html，而不是 application/xml。

这意味着响应不被视为 XML，并且 responseXML 将为空。

您可以通过在此处添加警报来测试这一点:

//...
alert(this.responseXML);
populateTable(this.responseXML);
//...

参见a running demo of this on JS Fiddle .