使用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 相关文章推荐
WEB前端设计师常用工具集锦
Dec 09 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
微信小程序 两种为对象属性赋值的方式详解
Feb 23 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
Aug 29 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
Angular6 用户自定义标签开发的实现方法
Jan 08 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
ES6顶层对象、global对象实例分析
Jun 14 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
微信小程序学习总结(一)项目创建与目录结构分析
Jun 04 Javascript
如何利用javascript接收json信息并进行处理
Aug 06 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
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
JavaScript 语言的递归编程
2010/05/18 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
详解Javascript 装载和执行
2014/11/17 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
2016/06/06 Javascript
jQuery插件passwordStrength密码强度指标详解
2016/06/24 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
2017/07/11 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
2017/12/05 Javascript
vue.js中npm安装教程图解
2018/04/10 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
浅谈Vuex注入Vue生命周期的过程
2019/05/20 Javascript
微信小程序3种位置API的使用方法详解
2019/08/05 Javascript
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
vue+flask实现视频合成功能(拖拽上传)
2021/03/04 Vue.js
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
python 实现插入排序算法
2012/06/05 Python
python自动安装pip
2014/04/24 Python
TensorFlow打印tensor值的实现方法
2018/07/27 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
python实现飞机大战项目
2020/03/11 Python
劳资专员岗位职责
2013/12/27 职场文书
促销活动总结范文
2014/04/30 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
高三英语教学计划
2015/01/23 职场文书
Python爬虫基础讲解之请求
2021/05/13 Python
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS