使用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文件的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Bootstrap基本组件学习笔记之面板(14)

    Bootstrap基本组件学习笔记之面板(14)

    这篇文章主要为大家详细介绍了Bootstrap基本组件学习笔记之面板,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JavaScript的面向对象你了解吗

    JavaScript的面向对象你了解吗

    这篇文章主要为大家详细介绍了JavaScript的面向对象,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • JavaScript实现点击按钮就复制当前网址

    JavaScript实现点击按钮就复制当前网址

    在大量的网站都有这样的功能,当点击一个按钮的时候可以复制当前页面的地址,以此可以方便网站用户对链接的存储,同时也便于网站的推广,下面给大家分享具体实现代码,对js实现点击按钮就复制的相关知识感兴趣的朋友一起学习吧
    2015-12-12
  • JavaScript异步操作的几种常见处理方法实例总结

    JavaScript异步操作的几种常见处理方法实例总结

    这篇文章主要介绍了JavaScript异步操作的几种常见处理方法,结合实例形式总结分析了JavaScript常见的异步操作处理方法相关实现技巧与注意事项,需要的朋友可以参考下
    2020-05-05
  • 容易造成JavaScript内存泄露几个方面

    容易造成JavaScript内存泄露几个方面

    这篇文章主要介绍了容易造成JavaScript内存泄露几个方面,本文讲解了多个会在Chrome V8中产生内存泄漏的示例,需要的朋友可以参考下
    2014-09-09
  • JavaScript中Promise的执行顺序详解

    JavaScript中Promise的执行顺序详解

    Promise 是 JS 中进行异步编程的新的解决方案(旧的是纯回调形式) ,下面这篇文章主要给大家介绍了关于JavaScript中Promise执行顺序的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-01-01
  • js获取文件里面的所有文件名(实例)

    js获取文件里面的所有文件名(实例)

    下面小编就为大家带来一篇js获取文件里面的所有文件名(实例)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • JS实现点击链接切换显示隐藏内容的方法

    JS实现点击链接切换显示隐藏内容的方法

    这篇文章主要介绍了JS实现点击链接切换显示隐藏内容的方法,涉及javascript鼠标事件响应及页面元素属性动态变换相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • js 获取json数组里面数组的长度实例

    js 获取json数组里面数组的长度实例

    下面小编就为大家带来一篇js 获取json数组里面数组的长度实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • javascript中普通函数的使用介绍

    javascript中普通函数的使用介绍

    本文为大家介绍下javascript中普通函数的使用,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-12-12

最新评论