用javascript读取xml文件读取节点数据

所属分类: 网络编程 / JavaScript 阅读数: 1796
收藏 0 赞 0 分享

下面代码是读取的节点数据,还有一种情况是读取节点属性数据。

<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>
更多精彩内容其他人还在看

JS组件Bootstrap Table使用方法详解

这篇文章主要为大家详细介绍了JS组件Bootstrap Table使用方法,具有一定的实用性,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript禁止超链接跳转的方法

这篇文章主要介绍了javascript禁止超链接跳转的方法,结合实例分析了JavaScript事件机制与鼠标事件的响应操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

JavaScript实现的MD5算法完整实例

这篇文章主要介绍了JavaScript实现的MD5算法,以完整实例形式分析了基于JavaScript实现MD5算法的具体步骤与相关技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Hammer.js+轮播原理实现简洁的滑屏功能

这篇文章主要介绍了Hammer.js+轮播原理实现简洁的滑屏功能的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

基于JQuery实现图片轮播效果(焦点图)

这篇文章主要为大家详细介绍了基于JQuery实现图片轮播效果,利用Jquery制作焦点图左右轮播特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript实现瀑布流加载图片原理

这篇文章主要为大家介绍了javascript实现瀑布流加载图片效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

JavaScript实现的SHA-1加密算法完整实例

这篇文章主要介绍了JavaScript实现的SHA-1加密算法,以完整实例形式分析了SHA-1加密算法的具体实现技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Javascript实现的SHA-256加密算法完整实例

这篇文章主要介绍了Javascript实现的SHA-256加密算法,以完整实例形式分析了JavaScript实现SHA-256加密的具体步骤与相关技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

原生js实现图片层叠轮播切换效果

这篇文章主要为大家详细介绍了原生js实现图片层叠轮播切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript自动切换焦点控制效果完整实例

这篇文章主要介绍了javascript自动切换焦点控制效果的方法,结合完整实例形式分析了JavaScript响应键盘按键控制表单输入框的焦点切换功能,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多