使用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 相关文章推荐
做网页的一些技巧
Feb 01 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
node.js WEB开发中图片验证码的实现方法
Jun 03 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
Jul 27 Javascript
AngularJS在IE8的不支持的解决方法
May 13 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
Angular4学习教程之DOM属性绑定详解
Jan 04 Javascript
jQuery事件blur()方法的使用实例讲解
Mar 30 jQuery
vue 使用 canvas 实现手写电子签名
Mar 06 Javascript
vue 中 get / delete 传递数组参数方法
Mar 23 Vue.js
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中文件上传的一个问题
2010/09/04 PHP
详解PHP中strlen和mb_strlen函数的区别
2014/03/07 PHP
php根据年月获取季度的方法
2014/03/31 PHP
php  单例模式详细介绍及实现源码
2016/11/05 PHP
jquery中ajax学习笔记一
2011/10/16 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
2012/03/16 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
2012/05/23 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
jquery 实现密码框的显示与隐藏示例代码
2013/09/18 Javascript
JavaScript动态修改弹出窗口大小的方法
2015/04/06 Javascript
JavaScript判断IE版本型号
2015/07/27 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
window.open不被拦截的简单实现代码(推荐)
2016/08/04 Javascript
tab栏切换原理
2017/03/22 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
2017/06/04 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
bootstrap table sum总数量统计实现方法
2017/10/29 Javascript
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
python 通过视频url获取视频的宽高方式
2019/12/10 Python
使用Keras预训练好的模型进行目标类别预测详解
2020/06/27 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
python爬虫工具例举说明
2020/11/30 Python
HTTP状态码详解
2021/03/18 杂记
JD Sports法国:英国篮球和运动时尚的领导者
2017/09/28 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
专升本个人自我评价
2013/12/22 职场文书
开办饭店创业计划书
2013/12/28 职场文书
简历中个人自我评价分享
2014/03/15 职场文书
广告语设计及教案
2014/03/21 职场文书
精神文明建设汇报材料
2014/12/24 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
2015年银行信贷员工作总结
2015/05/19 职场文书
答辩状格式范本
2015/05/22 职场文书
我在伊朗长大观后感
2015/06/16 职场文书