如何在html页面中显示xml数据？答案

【问题标题】：how to displaying xml data in html page?如何在html页面中显示xml数据？
【发布时间】：2012-11-25 17:36:20
【问题描述】：

我正在尝试读取 xml 文件，但不知何故我遇到了问题：无法显示 xml 数据

<!DOCTYPE html>
<html>
<body>

<script>
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
xmlhttp.open("GET","http://data.bmkg.go.id/gempadirasakan.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

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

</body>
</html>

我怎么能显示出来？？？

【问题讨论】：

在 IE8 下它适用于我。

标签： javascript xml xml-parsing xmlhttprequest

【解决方案1】：

您的代码运行良好尝试通过以下方式加载 xml

<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","http://data.bmkg.go.id/gempadirasakan.xml",false);
xmlhttp.send();
xmlDocument=xmlhttp.responseText;
xmlDoc=document.createElement("div");
xmlDoc.innerHTML=xmlDocument;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("Gempa");
//then your following code
document.write("</table>");
</script>

【讨论】：

这个编码肯定会显示xml数据。你能试试吗
我试过了，但是这个编码不显示 xml 数据。我能看到你的编码吗？？

【解决方案2】：

将整个标记构造为字符串，然后在正文中写入：

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

【讨论】：