js读取xml文件并获取文件内容

最新推荐文章于 2024-06-07 13:07:51 发布

error_code

最新推荐文章于 2024-06-07 13:07:51 发布

阅读量2.1w

点赞数 1

分类专栏： xml ajax JavaScript 文章标签： xml xmlhttprequest safari encoding firefox opera

本文链接：https://blog.csdn.net/wangnetkang/article/details/7726443

版权

xml 同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

JavaScript

6 篇文章 0 订阅

订阅专栏

ajax

4 篇文章 0 订阅

订阅专栏

本篇文章总结收藏以供实用

其中html代码如下所示

<html>

<body>
<h1>W3School.com.cn Internal Note</h1>
<p>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</p>

<script type="text/javascript">
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","/example/xmle/note.xml",false);
xmlhttp.send();
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("body")[0].childNodes[0].nodeValue;
</script>

</body>
</html>

XML文件内容

<?xml version="1.0" encoding="ISO-8859-1"?>

<!-- Copyright w3school.com.cn -->
-<note>
 	<to>George</to> 
	<from>John</from> 
	<heading>Reminder</heading>
 	<body>Don't forget the meeting!</body> 
</note>



 
显示结果：