如何使用JavaScript从HTML页面上的XML文件加载数据

如何使用JavaScript在网页上显示XML数据。XML数据可以是本地文件或驻留在云存储上。

请参阅使用

jQuery.parseXML（）的示例。

：

jQuery.parseXML演示


var xml=“RSS Title”，
xmlDoc=$.parseXML（xml），
$xml=$（xmlDoc），
$title=$xml.find（“title”）；
//将“RSS标题”附加到#someElement
$（“#someElement”）.append（$title.text（））；
//将标题更改为“XML标题”
$title.text（“XML标题”）；
//将“XML标题”附加到#另一个元素
$（“#anotherElement”）.append（$title.text（））；

您可以看看xslt

---

这里的教程：

使用Ajax从服务器获取XML内容并显示它

ajax参考：

在服务器端，在发送内容之前使用htmlspecialchars（）

---

参考资料：

使用XMLHttpRequest

参考示例：

<script>  
 function showXML()
 {
  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","myfile.xml",false);
  xmlhttp.send();
  xmlDoc=xmlhttp.responseXML;
  value=xmlDoc.getElementsByTagName("yourxmltag")[0].nodeValue;
  document.getElementById("showXMLContent").innerHTML=value;
 }
</script>

函数showXML（）
{
if（window.XMLHttpRequest）
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
open（“GET”，“myfile.xml”，false）；
xmlhttp.send（）；
xmlDoc=xmlhttp.responseXML；
value=xmlDoc.getElementsByTagName（“yourxmltag”）[0].nodeValue；
document.getElementById（“showXMLContent”）.innerHTML=value；
}

---

参考资料：

有很多方法可以做到这一点，请修改您的问题，具体说明您想做什么。