首頁  >  文章  >  web前端  >  js實作讀取xml檔案內容

js實作讀取xml檔案內容

零到壹度
零到壹度原創
2018-03-24 13:22:125509瀏覽

這次帶給大家js實作讀取xml檔案內容,主要以程式碼的形式體現,以下就是實戰案例,一起來看一下。

其中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&#39;t forget the meeting!</body>
</note>

顯示結果:

 相關推薦:

#簡單的jS讀取XML資料

Js讀取xml,載入到頁面

在html中解析xml檔(javascript 讀取)

以上是js實作讀取xml檔案內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn