快捷導(dǎo)航

用javascript讀取xml文件讀取節(jié)點(diǎn)數(shù)據(jù)

更新時(shí)間：2014年08月12日 16:56:27 投稿：whsnow

這篇文章主要介紹了用javascript讀取xml文件讀取節(jié)點(diǎn)數(shù)據(jù)的具體實(shí)現(xiàn),需要的朋友可以參考下

下面代碼是讀取的節(jié)點(diǎn)數(shù)據(jù)，還有一種情況是讀取節(jié)點(diǎn)屬性數(shù)據(jù)。

<head>
  <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/rdzz.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];

// LastValue = objLength[i].getAttribute( "LastValue" )
// Prediction = objLength[i].getAttribute( "Prediction" )
// Actual = objLength[i].getAttribute( "Actual" )
// importance = objLength[i].getAttribute( "importance" )
// newstime = objLength[i].getAttribute( "NewsTime" )

              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) {
          }
        }
      }
    }
  </script>
</head>
  <body>
    <input id="Button1" type="button" value="read" onclick="ajaxrequst()" />
    <div id="newsInfo"></div>
  </body>

您可能感興趣的文章:

相關(guān)文章

JavaScript 裝逼指南(js另類寫(xiě)法)
如何寫(xiě)JavaScript才能逼格更高呢？怎樣才能、讓別人一眼看出你不簡(jiǎn)單呢？是否很期待別人在看完你的代碼之后感嘆一句原來(lái)還可以這樣寫(xiě)呢？下面列出一些在JavaScript時(shí)的裝逼技巧，也可說(shuō)是非常實(shí)用的寫(xiě)法
2020-05-05
Bootstrap框架結(jié)合jQuery仿百度換膚功能實(shí)例解析
這篇文章主要為大家詳細(xì)介紹了Bootstrap框架結(jié)合jQuery仿百度換膚功能實(shí)現(xiàn)代碼解析,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
js獲取內(nèi)聯(lián)樣式的方法
這篇文章主要介紹了js獲取內(nèi)聯(lián)樣式的方法,針對(duì)標(biāo)準(zhǔn)瀏覽器與IE瀏覽器進(jìn)行不同的判斷與獲取,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01
JavaScript判斷textarea值是否為空并給出相應(yīng)提示
假如用戶沒(méi)有輸入數(shù)據(jù)則給出相應(yīng)提示，那么該如何來(lái)判斷呢？下面以判斷textarea值是否為空為例
2014-09-09
微信小程序預(yù)覽二進(jìn)制流文件的方法
這篇文章主要為大家詳細(xì)介紹了微信小程序預(yù)覽二進(jìn)制流文件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
JavaScript 就地編輯HTML節(jié)點(diǎn)實(shí)現(xiàn)代碼
JavaScript 就地編輯HTML節(jié)點(diǎn)實(shí)現(xiàn)代碼
2009-07-07
Ajax，UTF-8還是GB2312 eval 還是execScript
討厭的東西。關(guān)于Ajax獲取HTML內(nèi)容編碼，與JavaScript載入腳本的動(dòng)態(tài)執(zhí)行問(wèn)題。
2008-11-11
小程序封裝路由文件和路由方法(5種全解析)
這篇文章主要介紹了小程序5種路由方法使用場(chǎng)景，封裝路由文件和路由方法，提升小程序體驗(yàn)和開(kāi)發(fā)效率，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-05-05
Javascript頁(yè)面添加到收藏夾的簡(jiǎn)單方法
這篇文章介紹了Javascript頁(yè)面添加到收藏夾的簡(jiǎn)單方法，有需要的朋友可以參考一下
2013-08-08
layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類的方法
今天小編就為大家分享一篇layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09