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文件，并填充顯示相關(guān)字段
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程序設(shè)計有所幫助。
您可能感興趣的文章:
- AJAX使用post發(fā)送數(shù)據(jù)xml格式接受數(shù)據(jù)
- 用Ajax讀取xml文件的簡單例子
- jQuery+ajax讀取并解析XML文件的方法
- Jquery Ajax學習實例 向頁面發(fā)出請求，返回XML格式數(shù)據(jù)
- javascript解析ajax返回的xml和json格式數(shù)據(jù)實例詳解
- jquery $.ajax()取xml數(shù)據(jù)的小問題解決方法
- 用Ajax讀取XML格式的數(shù)據(jù)
- 通過AJAX的JS、JQuery兩種方式解析XML示例介紹
- JS使用ajax從xml文件動態(tài)獲取數(shù)據(jù)顯示的方法
- 用JQuery 實現(xiàn)AJAX加載XML并解析的腳本
- Ajax對xml信息的接收和處理操作實例分析
相關(guān)文章
這篇文章主要介紹了js實現(xiàn)選中頁面文字將其分享到新浪微博，需要的朋友可以參考下2015-11-11
這篇文章主要為大家介紹了JavaScript中的聲明提升實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
js中雖然沒有傳統(tǒng)面向?qū)ο蟮木幊陶Z言里子類訪問父類的特殊語法，但是我們可以根據(jù)需要造一個，接下來本文給大家分享在JavaScript中子對象訪問父對象的方式,需要的朋友可以參考下2016-09-09
本文為大家詳細介紹下使用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這么久的一個小結(jié)，希望大家能夠喜歡2015-03-03
使用webpack打包后,圖片沒有加載出來,頁面空白,報錯圖片引用的路徑不對,本文給大家介紹webpack?打包后圖片加載報錯的解決辦法,感興趣的朋友一起看看吧2024-03-03
寫一個函數(shù)處理大數(shù)據(jù)的相加問題，所謂的大數(shù)據(jù)是指超出了整型，長整型之類的常規(guī)數(shù)據(jù)類型表示范圍的數(shù)據(jù)。實現(xiàn)語言不限。2011-08-08
這篇文章主要介紹了JS實現(xiàn)的不規(guī)則TAB選項卡效果代碼,基于鼠標事件動態(tài)設(shè)置頁面元素樣式實現(xiàn)該效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09