为什么ajax loadXml回调似乎不起作用

Question

I can't see where I did a mistake : my table is empty, I'd like to use console to debug but don't know how to. 我看不到我在哪里犯了一个错误：我的表是空的，我想使用控制台进行调试，但不知道该怎么做。

Update : this sample works http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_xml2 I used code from there but with different xml I don't understand why mine not working 更新：此示例有效http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_xml2我从那里使用了代码，但是使用了不同的xml，我不明白为什么我的代码不起作用

<!DOCTYPE html>
    <html>
    <head>
    <title>XML Data Block Demo</title>

    <style>
    table, th, td {
    border: 1px solid black;
    border-collapse:collapse;
    }
    th, td {
    padding: 5px;
    }
    </style>

    <script>
    function parseXML(input) {
    var xml = input.responseXML;
    var parser = new DOMParser();
    var doc = parser.parseFromString(xml, "application/xml");
    var lineItems = doc.getElementsByTagName("Stock");

    var table="<tr><th>Ticker</th><th>Price</th></tr>";
    for (i = 0; i <lineItems.length; i++) { 
        table += "<tr><td>" +
        lineItems[i].getElementsByTagName("Ticker")[0].childNodes[0].nodeValue +
        "</td><td>" +
        lineItems[i].getElementsByTagName("Price")[0].childNodes[0].nodeValue +
        "</td></tr>";
    }  

    document.getElementById("table").innerHTML = table;
    }

    function loadXML() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
        parseXML(xhttp);
        }
    };
    xhttp.open("GET", "http://localhost/ajax/xml/demo1/stocks.xml", true);
    xhttp.send();
    }
    </script>
    </head>
    <body onload="loadXML()";>
    <table id="table"></table>
    </body>
    </html>

Answer 1

I tested your function with the content of stocks.xml and it works fine excepts on ie11, so i suggest you the following change: 我用stocks.xml的内容测试了您的功能，除了在ie11上，它都可以正常工作，因此我建议您进行以下更改：

function parseXML(input) {
  var xml = input.responseXML || input.responseText;
  var doc;
  try {
    var parser = new DOMParser();
    doc = parser.parseFromString(xml, "application/xml");
  } catch(err) {
    doc = new ActiveXObject("Microsoft.XMLDOM");
    doc.async = false;
    doc.loadXML(xml);
  }

The full code is: 完整的代码是：

<!DOCTYPE html>
<html>
<head>
    <title>XML Data Block Demo</title>
    <style>
        table, th, td {
            border: 1px solid black;
            border-collapse:collapse;
        }
        th, td {
            padding: 5px;
        }
    </style>

    <script>
        function parseXML(input) {
            var xml = input.responseXML || input.responseText;
            var doc;
            try {
                var parser = new DOMParser();
                doc = parser.parseFromString(xml, "application/xml");
            } catch(err) {
                doc = new ActiveXObject("Microsoft.XMLDOM");
                doc.async = false;
                doc.loadXML(xml);
            }
            var lineItems = doc.getElementsByTagName("Stock");

            var table="<tr><th>Ticker</th><th>Price</th></tr>";
            for (i = 0; i <lineItems.length; i++) {
                table += "<tr><td>" +
                        lineItems[i].getElementsByTagName("Ticker")[0].childNodes[0].nodeValue +
                        "</td><td>" +
                        lineItems[i].getElementsByTagName("Price")[0].childNodes[0].nodeValue +
                        "</td></tr>";
            }
            document.getElementById("table").innerHTML = table;
        }

        function loadXML() {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (xhttp.readyState == 4 && xhttp.status == 200) {
                    parseXML(xhttp);
                }
            };
            xhttp.open("GET", "http://localhost/ajax/xml/demo1/stocks.xml", true);
            xhttp.send();
        }
    </script>
</head>
<body onload="loadXML()";>
<table id="table"></table>
</body>
</html>

And the xml content is: xml内容是：

<?xml version="1.0"?>
<portfolio xmlns:dt="urn:schemas-microsoft-com:datatypes">
    <stock exchange="nasdaq">
        <name>new</name>
        <symbol>zzzz</symbol>
        <price dt:dt="number">20.313</price>
    </stock>
    <stock exchange="nyse">
        <name>zacx corp</name>
        <symbol>ZCXM</symbol>
        <price dt:dt="number">28.875</price>
    </stock>
    <stock exchange="nasdaq">
        <name>zaffymat inc</name>
        <symbol>ZFFX</symbol>
        <price dt:dt="number">92.250</price>
    </stock>
    <stock exchange="nasdaq">
        <name>zysmergy inc</name>
        <symbol>ZYSZ</symbol>
        <price dt:dt="number">20.313</price>
    </stock>
</portfolio>

The result on my computer with Chrome / IE / FireFox last verions is: 我的计算机上使用Chrome / IE / FireFox最后版本的结果是：

为什么ajax loadXml回调似乎不起作用

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-12-25 22:15:41

为什么ajax loadXml回调似乎不起作用

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-12-25 22:15:41

解决方案1
2 已采纳 2015-12-25 22:15:41