脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js读取xml文件

使用JS读取XML文件的方法

 更新时间：2016年11月25日 11:10:43   作者：Sober  
由于项目上需要解析xml，于是各种百度，然后自己总结了下各个主流浏览器解析xml的方法，下面通过本文给大家详细介绍下使用JS读取XML文件的方法，一起看看吧

由于项目上需要解析xml，于是各种百度，然后自己总结了下各个主流浏览器解析xml的方法，只能是很浅显的知道他的用法，但是还没有深层次的研究。

不同的浏览器对xml的解析方式不同，根据目前主流浏览器大致分三类：

第一类，ie祖宗： js 提供用于创建 Automation对象的方法，new ActiveXObject("Microsoft.XMLDOM") ；

第二类：firefox，opera：用构造函数 DOMParser()实例化DOMParser对象，解析xml文本，并返回xml Document对象；

第三类：chrome，safari：由于chrome不支持load方法，故用http协议，XMLHttpRequest对象。

代码：

function loadXML(){
var xmlDoc;
try{ //IE
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
}catch(e){ //firefox,opera
xmlDoc = document.implementation.createDocument("","",null);
}
try{
xmlDoc.asyc = false; //是否异步调用
xmlDoc.load("xxx.xml"); //文件路径
}catch(e){ //chrome
var xmlhttp = new window.XMLHttpRequest();
xmlhttp.open("GET","xxx.xml",false); //创建一个新的http请求，并指定此请求的方法、URL以及验证信息
xmlDoc = xmlhttp.responseXML;
}
return xmlDoc;
}

返回的xmlDoc对象，其中属性documentElement包含了xml节点的各种值，可以console出来慢慢找。

ps:如果是读取本地xml，chrome默认是禁止访问本地文件，需要增加启动参数 --allow-file-access-from-files。

以上所述是小编给大家介绍的使用JS读取XML文件的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • JS基于设计模式中的单例模式（Singleton）实现封装对数据增删改查功能

    JS基于设计模式中的单例模式（Singleton）实现封装对数据增删改查功能

    这篇文章主要介绍了JS基于设计模式中的单例模式（Singleton）实现封装对数据增删改查功能.结合实例形式分析了javascript基于单例模式结合ajax针对数据库进行增删改查的相关操作技巧,需要的朋友可以参考下
    2018-02-02
  • element-plus默认菜单打开步骤

    element-plus默认菜单打开步骤

    在 Vue 3 中使用 Element Plus 的 <el-menu> 组件时,默认情况下菜单项是关闭状态的,如果你想让某个菜单项默认处于展开状态,你可以通过设置菜单项的 default-active 属性来实现,这篇文章主要介绍了element-plus默认菜单打开,需要的朋友可以参考下
    2024-08-08
  • JavaScript 事件流、事件处理程序及事件对象总结

    JavaScript 事件流、事件处理程序及事件对象总结

    JS与HTML之间的交互通过事件实现,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间,可以使用(或处理程序)来预定事件,以便事件发生时执行相应的代码,本文将介绍JS事件相关的基础知识,
    2017-04-04
  • 关于javascript sort()排序你可能忽略的一点理解

    关于javascript sort()排序你可能忽略的一点理解

    最近在研究Javascript发现了其中一些之前忽略的问题，所以想着总结分享出来，下面这篇文章主要给大家介绍了关于javascript sort()排序你可能忽略的一点理解，文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-07-07
  • Vant+postcss-pxtorem 实现浏览器适配功能

    Vant+postcss-pxtorem 实现浏览器适配功能

    这篇文章主要介绍了Vant+postcss-pxtorem 实现浏览器适配,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-02-02
  • javascript+css 网页每次加载不同样式的实现方法

    javascript+css 网页每次加载不同样式的实现方法

    用户每次访问时随机载入样式，让微博在视觉上保持新鲜感。虽然思路与实现都比较简单，但还是想记录下来，与大家分享。
    2009-12-12
  • js实现简单的放大镜效果

    js实现简单的放大镜效果

    这篇文章主要为大家详细介绍了js实现简单的放大镜效果，可随意更改，放大区域的大小、比例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • js自定义事件代码说明

    js自定义事件代码说明

    在研发公展公用后台的时候，用了许多的技巧性的JS，最有代表性就是如下这一例子.
    2011-01-01
  • 巧妙解决Layui.table组件分页问题示例

    巧妙解决Layui.table组件分页问题示例

    这篇文章主要为大家介绍了巧妙解决Layui.table组件分页问题方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • JS获取元素多层嵌套思路详解

    JS获取元素多层嵌套思路详解

    这篇文章主要介绍了JS获取元素多层嵌套思路详解的相关资料,需要的朋友可以参考下
    2016-05-05

最新评论