javascript讀取xml檔案程式碼例項
關於xml檔案大家一定不會陌生,是一種用來存放資料的文字結構,使用相當的頻繁,下面就分享一段通過javascript實現的讀取xml檔案的程式碼例項,有需要的朋友可以自行分析一下,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> var objLength = null; var xmlHttp; var strurl = ""; function ajaxrequst(){ if(window.ActiveXObject){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } else{ xmlHttp = new XMLHttpRequest(); } try{ strurl = "data/antzone.xml"; xmlHttp.onreadystatechange = LoadXmlFile; xmlHttp.open("GET", strurl + "?time=" + (new Date()).getTime(), true); xmlHttp.send(null); } catch(e){ } } function LoadXmlFile() { var content = ""; if(xmlHttp.readyState == 4){ if(xmlHttp.status == 200){ var xmlDOM = xmlHttp.responseXML; var xmlRoot = xmlDOM.documentElement; try{ var objLength = xmlRoot.getElementsByTagName("Item"); for(var i = 0; i < objLength.length; i++){ var elementtitle = objLength[i].getElementsByTagName('NewsTitle')[0]; var elementtime = objLength[i].getElementsByTagName('NewsTime')[0]; var elementurl= objLength[i].getElementsByTagName('NewsUrl')[0]; var title = elementtitle.textContent || elementtitle.text; var time = elementtime.textContent || elementtime.text; var url = elementurl.textContent || elementurl.text; content += "<li><dl><dd>" + time + "</dd><dd><a href='" + url + "' target='blank'>" + title + "</a></dd></dl></li>"; } document.getElementById("newsInfo").innerHTML = content; } catch (e){} } } } window.onload=function(){ var obt=document.getElementById("bt"); obt.onclick=function(){ ajaxrequst() } } </script> </head> <body> <input id="bt" type="button" value="read"/> <div id="newsInfo"></div> </body> </html>
相關文章
- JavaScript讀取文字檔案內容程式碼例項JavaScript
- JavaScript取餘數程式碼例項JavaScript
- Java系列:讀取XML檔案JavaXML
- C#讀取Xml檔案C#XML
- QDomDocument 讀取和編輯xml檔案XML
- ajax讀取資料庫資料程式碼例項資料庫
- JavaScript in運算子程式碼例項JavaScript
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- JavaScript運動框架程式碼例項JavaScript框架
- 用Groovy讀取本地檔案的程式碼
- Python xml.etree.ElementTree讀寫xml檔案例項PythonXML
- JavaScript 表單驗證程式碼例項JavaScript
- JavaScript陣列合並程式碼例項JavaScript陣列
- JavaScript倒數計時程式碼例項JavaScript
- 如何使用 ABAP 程式碼解析 XML 檔案XML
- JavaScript中常用的事件程式碼及例項JavaScript事件
- JavaScript刪除元素節點程式碼例項JavaScript
- Python中檔案讀取與儲存程式碼示例Python
- python程式碼讀取遠端檔案的方法--paramikoPython
- nodejs xmlreader 讀寫xml檔案NodeJSXML
- 讀取resources中properties檔案內容範例
- Rust 程式設計,讀取檔案Rust程式設計
- 前端學習程式碼例項-JavaScript阻止事件冒泡前端JavaScript事件
- php獲取xml檔案內容PHPXML
- 使用C#讀寫xml檔案C#XML
- Unity 讀取xmlUnityXML
- 前端學習程式碼例項-JavaScript 生成隨機數前端JavaScript隨機
- JavaScript隨滑鼠晃動的div塊程式碼例項JavaScript
- Mendmix程式碼解析:百搭的配置檔案讀取工具ResourceUtils
- Java 例項 - 檔案寫入Java
- 任意檔案讀取
- Java 讀取檔案Java
- 獲取倒數第幾個元素程式碼例項
- 自定義 loader 讀取 *.vue 檔案原始碼Vue原始碼
- JavaScript 點選複製選中文字程式碼例項JavaScript
- JavaScript讀取本地檔案內容(相容低版本IE)JavaScript
- ArcGIS切片服務獲取切片方案xml檔案(conf.xml)XML
- dom操作程式碼例項
- css梯形程式碼例項CSS