javascript讀取xml檔案程式碼例項

螞蟻小編發表於2017-03-27
JavaScriptXML

關於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>


相關文章