在 HTML 页面中显示 XML 数据答案

【问题标题】：Display XML Data in an HTML Page在 HTML 页面中显示 XML 数据
【发布时间】：2014-04-09 04:45:28
【问题描述】：

我需要在我的 HTML 页面中显示存储在 XML 文件中的数据。

我写了这段代码（my_data.html）：

<html>
<body>

<script>
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
xmlhttp.open("GET","my.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("zzz");
for (i=0;i<x.length;i++)
 { 
  document.write("<tr><td>");
  document.write(x[i].getElementsByTagName("data2")[0].childNodes[0].nodeValue);
  document.write("</td><td>");
  document.write(x[i].getElementsByTagName("data3")[0].childNodes[0].nodeValue);
  document.write("</td></tr>");
 }
document.write("</table>");
</script>

</body>
</html>

XML 具有这种结构，并且它在 html 页面的同一文件夹中：

<xxx>
    <yyy>
        <zzz>
            <data1>AAA</data1>
            <data2>000</data2>
            <data3>BBB</data3>
            <data1>CCC</data1>
            <data2>111</data2>
            <data3>RRR</data3>
        </zzz>
        <zzz>
            <data1>YYY</data1>
            <data2>555</data2>
            <data3>OOO</data3>
            <data1>PPP</data1>
            <data2>444</data2>
            <data3>LLL</data3>
        </zzz>
    </yyy>
</xxx>

当我启动 html 页面时，什么都没有显示。

【问题讨论】：

您确定正确接收 XML 吗？例如，您可以先打印 XML，而无需进行任何操作。
您是否检查过控制台以确认 JavaScript 没有错误？

标签： html xml

【解决方案1】：

您需要为此创建一个服务器，因为您总是会收到此错误 Cross origin requests are only supported for HTTP 。您可以为此安装XAMPP 或WAMP，然后重试。

【讨论】：

好电话。如果 OP 安装了 Python，可以从命令行运行 python -m SimpleHTTPServer。
是的，如果他安装了 IIS，那么他也可以使用它。