如何在javascript中编写代码以读取xml文件

Question

我只是想知道我该如何使用JavaScript和HTML编写代码以使XML文件正常工作。 我目前正在使用此代码，但无法正常工作

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div>
<p>
<h1 id="to">To:
<h1 id="from">From:
<h1 id="message">Message:
<p>
</div>

<script>
if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
} 
else{ 
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","FileName.xml", false); 
xmlhttp.send(); 
xmlDoc=xmlhttp.responseXML;

document.getElementById("to").innerHTML = xmlDoc.getElementsByTagName("to").childNodes[0].nodeValue;
document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from").childNodes[0].nodeValue;
document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("message").childNodes[0].nodeValue;
</script>
</body>
</html>

我正在使用此XML代码

<?xml version="1.0" encoding="UTF-8"?>
<e-mail>
<to>John</to>
<from>Larry</from>
<message>Hello how are you!</message>
</e-mail>

Answer 1

您缺少关闭</h1>标记，而且<h1>不是<p>元素的有效子元素； 使用XMLHttpRequest() .onload事件通过.responseText执行任务； 在调用getElementsByTagName()之后添加索引[0]以引用HTMLCollection特定元素

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <div>
    <h1 id="to">To:</h1>
    <h1 id="from">From:</h1>
    <h1 id="message">Message:</h1>
  </div>
  <script>
    if (window.XMLHttpRequest) {
      xmlhttp = new XMLHttpRequest();
    } else {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET", "FileName.xml", false);
    xmlhttp.onload = function() {
      xmlDoc = xmlhttp.responseXML;
      document.getElementById("to").innerHTML = xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
      document.getElementById("from").innerHTML = xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
      document.getElementById("message").innerHTML = xmlDoc.getElementsByTagName("message")[0].childNodes[0].nodeValue;
    }
    xmlhttp.send();
  </script>
</body>
</html>

plnkr https://plnkr.co/edit/jLsO3SgV8dMG3sRBZbds?p=preview

如何在javascript中编写代码以读取xml文件

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-05-22 15:46:42

如何在javascript中编写代码以读取xml文件

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-05-22 15:46:42

解决方案1
0 已采纳 2016-05-22 15:46:42