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


Posted in Javascript onAugust 12, 2014

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

<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>
Javascript 相关文章推荐
js资料toString 方法
Mar 13 Javascript
最短的IE判断代码
Mar 13 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
JS基于正则表达式的替换操作(replace)用法示例
Apr 28 Javascript
Bootstrap布局之栅格系统学习笔记
May 04 Javascript
AngularJS 实现购物车全选反选功能
Oct 24 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
vue 插件的方法代码详解
Jun 06 Javascript
Vue内部渲染视图的方法
Sep 02 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 #Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 #Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
Aug 12 #Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 #Javascript
JavaScript Promise启示录
Aug 12 #Javascript
深入理解Javascript中this的作用域
Aug 12 #Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
Aug 12 #Javascript
You might like
先进的自动咖啡技术,真的可以取代咖啡师吗?
2021/03/06 冲泡冲煮
PHP 配置文件中open_basedir选项作用
2009/07/19 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
php ZipArchive压缩函数详解实例
2013/11/06 PHP
php实现对象克隆的方法
2015/06/20 PHP
golang 调用 php7详解及实例
2017/01/04 PHP
PHP实现批量修改文件名的方法示例
2019/09/18 PHP
JQuery开发的数独游戏代码
2010/10/29 Javascript
微信分享的标题、缩略图、连接及描述设置方法
2014/10/14 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
JavaScript中的setMilliseconds()方法使用详解
2015/06/11 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
ECharts地图绘制和钻取简易接口详解
2019/07/12 Javascript
vue简单练习 桌面时钟的实现代码实例
2019/09/19 Javascript
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
[01:08:17]2018DOTA2亚洲邀请赛3月29日 小组赛B组 EG VS VGJ.T
2018/03/30 DOTA
python实现从一组颜色中找出与给定颜色最接近颜色的方法
2015/03/19 Python
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
Python中format()格式输出全解
2019/04/12 Python
Python3 串口接收与发送16进制数据包的实例
2019/06/12 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
欧洲领先的技术商店:eibmarkt.com
2019/05/10 全球购物
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
为什么要有struct关键字
2012/05/08 面试题
大学生的网络创业计划书
2013/12/26 职场文书
护理专业优质毕业生自荐书
2014/01/31 职场文书
企业党员个人自我评价
2014/09/20 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
Vue全家桶入门基础教程
2021/05/14 Vue.js
压缩Redis里的字符串大对象操作
2021/06/23 Redis
MySQL如何修改字段类型和字段长度
2022/06/10 MySQL