JS通過ajax動態(tài)讀取xml文件內(nèi)容的方法

更新時間：2015年03月24日 15:42:15 作者：feiwen

這篇文章主要介紹了JS通過ajax動態(tài)讀取xml文件內(nèi)容的方法,實例分析了Ajax操作XML文件的技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS通過ajax動態(tài)讀取xml文件內(nèi)容的方法。分享給大家供大家參考。具體分析如下：

下面的JS代碼讀取note.xml文件，并填充顯示相關字段

HTML文件代碼如下

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc(url)
{
var xmlhttp;
if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
 }
else
 {// code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
  document.getElementById('A1').innerHTML=xmlhttp.status;
  document.getElementById('A2').innerHTML=xmlhttp.statusText;
  document.getElementById('A3').innerHTML=xmlhttp.responseText;
  }
 }
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
</head>
<body>
<h2>Retrieve data from XML file</h2>
<p><b>Status:</b><span id="A1"></span></p>
<p><b>Status text:</b><span id="A2"></span></p>
<p><b>Response:</b><span id="A3"></span></p>
<button onclick="loadXMLDoc('note.xml')">Get XML data</button>
</body>
</html>

xml文件內(nèi)容如下

<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

js實現(xiàn)選中頁面文字將其分享到新浪微博
這篇文章主要介紹了js實現(xiàn)選中頁面文字將其分享到新浪微博，需要的朋友可以參考下
2015-11-11
JavaScript中的聲明提升實例詳解
這篇文章主要為大家介紹了JavaScript中的聲明提升實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-11-11
JavaScript中子對象訪問父對象的方式詳解
js中雖然沒有傳統(tǒng)面向?qū)ο蟮木幊陶Z言里子類訪問父類的特殊語法，但是我們可以根據(jù)需要造一個，接下來本文給大家分享在JavaScript中子對象訪問父對象的方式,需要的朋友可以參考下
2016-09-09
使用js完成節(jié)點的增刪改復制等的操作
本文為大家詳細介紹下使用js完成節(jié)點的增刪改復制等的操作，具體的實現(xiàn)如下，感興趣的朋友可以參考下
2014-01-01
利用js+css+html實現(xiàn)固定table的列頭不動
本文分享了利用js+css+html實現(xiàn)固定table的列頭不動的實例代碼。小編認為具有很好的參考價值，感興趣的朋友可以看下
2016-12-12
JavaScript使用FileReader實現(xiàn)圖片上傳預覽效果
這篇文章主要為大家詳細介紹了JavaScript使用FileReader實現(xiàn)圖片上傳預覽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-09-09
javascript 對象數(shù)組根據(jù)對象object key的值排序
本文僅僅是實現(xiàn)了javascript 對象數(shù)組根據(jù)對象object key的值排序，算是對自己學習javascript這么久的一個小結，希望大家能夠喜歡
2015-03-03
webpack?打包后圖片加載報錯的解決辦法
使用webpack打包后,圖片沒有加載出來,頁面空白,報錯圖片引用的路徑不對,本文給大家介紹webpack?打包后圖片加載報錯的解決辦法,感興趣的朋友一起看看吧
2024-03-03
JavaScript 大數(shù)據(jù)相加的問題
寫一個函數(shù)處理大數(shù)據(jù)的相加問題，所謂的大數(shù)據(jù)是指超出了整型，長整型之類的常規(guī)數(shù)據(jù)類型表示范圍的數(shù)據(jù)。實現(xiàn)語言不限。
2011-08-08
JS實現(xiàn)的不規(guī)則TAB選項卡效果代碼
這篇文章主要介紹了JS實現(xiàn)的不規(guī)則TAB選項卡效果代碼,基于鼠標事件動態(tài)設置頁面元素樣式實現(xiàn)該效果,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09