JS通過ajax動(dòng)態(tài)讀取xml文件內(nèi)容的方法
本文實(shí)例講述了JS通過ajax動(dòng)態(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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- AJAX使用post發(fā)送數(shù)據(jù)xml格式接受數(shù)據(jù)
- 用Ajax讀取xml文件的簡單例子
- jQuery+ajax讀取并解析XML文件的方法
- Jquery Ajax學(xué)習(xí)實(shí)例 向頁面發(fā)出請(qǐng)求,返回XML格式數(shù)據(jù)
- javascript解析ajax返回的xml和json格式數(shù)據(jù)實(shí)例詳解
- jquery $.ajax()取xml數(shù)據(jù)的小問題解決方法
- 用Ajax讀取XML格式的數(shù)據(jù)
- 通過AJAX的JS、JQuery兩種方式解析XML示例介紹
- JS使用ajax從xml文件動(dòng)態(tài)獲取數(shù)據(jù)顯示的方法
- 用JQuery 實(shí)現(xiàn)AJAX加載XML并解析的腳本
- Ajax對(duì)xml信息的接收和處理操作實(shí)例分析
相關(guān)文章
JavaScript中重名的函數(shù)與對(duì)象示例詳析
最近同事問了一個(gè)問題,說在js中如果函數(shù)與對(duì)象重名了會(huì)怎么樣?仔細(xì)詳細(xì)這個(gè)問題值得討論一下,所以便有了這篇文章,這篇文章主要給大家介紹了關(guān)于JavaScript中重名的函數(shù)與對(duì)象的相關(guān)資料,需要的朋友可以參考借鑒,下面來一起看看吧啊。2017-09-09javascript實(shí)現(xiàn)點(diǎn)擊小圖顯示大圖
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)點(diǎn)擊小圖顯示大圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11aspx中利用js實(shí)現(xiàn)確認(rèn)刪除代碼
在一些程序開發(fā)中,對(duì)于刪除操作,最好再讓用戶確認(rèn)一下,以免誤操作,帶來的損失,下面的方法,大家可以參考下。各個(gè)語言下,都通用的思路。2010-07-07讓網(wǎng)站自動(dòng)生成章節(jié)目錄索引的多個(gè)js代碼
這篇文章主要介紹了讓博客園博客自動(dòng)生成章節(jié)目錄索引的多個(gè)js代碼,需要的朋友可以參考下2018-01-01JavaScript獲取表格(table)當(dāng)前行的值、刪除行、增加行
這篇文章主要介紹了JavaScript獲取表格(table)當(dāng)前行的值、刪除行、增加行,本文直接給出代碼示例,需要的朋友可以參考下2015-07-07javascript瀑布流式圖片懶加載實(shí)例解析與優(yōu)化
這篇文章主要針對(duì)javascript瀑布流式圖片懶加載實(shí)例進(jìn)行解析與優(yōu)化,感興趣的小伙伴們可以參考一下2016-02-02全面總結(jié)Javascript對(duì)數(shù)組對(duì)象的各種操作
最近有個(gè)同事問了個(gè)問題,關(guān)于數(shù)組,對(duì)象和類數(shù)組的,仔細(xì)說起來都是基礎(chǔ),其實(shí)都沒什么好講的,不過看到還是有很多朋友有些迷糊,決定還是寫出來吧,下面這篇文章主要給大家介紹了Javascript對(duì)數(shù)組對(duì)象的各種操作,需要的朋友可以參考借鑒。2017-01-01在webstorm開發(fā)微信小程序之使用阿里自定義字體圖標(biāo)的方法
這篇文章主要介紹了在webstorm開發(fā)微信小程序之使用阿里自定義字體圖標(biāo) 的相關(guān)資料,需要的朋友可以參考下2018-11-11