使用JS读取XML文件的方法


Posted in Javascript onNovember 25, 2016

由于项目上需要解析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文件的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
css把超出的部分显示为省略号的方法兼容火狐
Jul 23 Javascript
extjs 列表框(multiselect)的动态添加列表项的方法
Jul 31 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
Jquery easyUI 更新行示例
Mar 06 Javascript
IE下双击checkbox反应延迟问题的解决方法
Mar 27 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
Nov 23 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
angularjs实现猜数字大小功能
May 20 Javascript
在 Vue.js中优雅地使用全局事件的方法
Feb 01 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
JS比较两个数值的大小实例
Nov 25 #Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 #Javascript
js移动焦点到最后位置的简单方法
Nov 25 #Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 #Javascript
深入浅析Vue组件开发
Nov 25 #Javascript
javascript中href和replace的比较(详解)
Nov 25 #Javascript
移动适配的几种方案(三种方案)
Nov 25 #Javascript
You might like
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
Javascript 错误处理的几种方法
2009/06/13 Javascript
封装html的select标签的js操作实例
2013/07/02 Javascript
jquery统计复选框选中示例
2013/11/05 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
jQuery中:animated选择器用法实例
2014/12/29 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
彻底学会Angular.js中的transclusion
2017/03/12 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
2017/08/17 Javascript
详解node nvm进行node多版本管理
2017/10/21 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
javascript canvas检测小球碰撞
2020/04/17 Javascript
js验证账户名是否重复
2020/05/26 Javascript
JavaScript实现表单验证功能
2020/12/09 Javascript
Python中使用PyHook监听鼠标和键盘事件实例
2014/07/18 Python
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
Python selenium 三种等待方式解读
2016/09/15 Python
Python爬虫框架Scrapy基本用法入门教程
2018/07/26 Python
Python实现的简单计算器功能详解
2018/08/25 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
Timberland美国官网:全球领先的户外品牌
2016/08/15 全球购物
后勤主管岗位职责
2014/03/01 职场文书
暑假社会实践证明格式
2014/10/28 职场文书
2015年护士工作总结范文
2015/03/31 职场文书
导游词之鲁迅祖居
2019/10/17 职场文书
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers