如何在html页面中显示xml数据?

时间:2012-12-07 14:15:04

标签: javascript xml xml-parsing xmlhttprequest

我正在尝试读取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>

我怎么能显示它?

2 个答案:

答案 0 :(得分:-1)

整个标记构造为字符串,然后才写入正文:

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);

答案 1 :(得分:-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>