使用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 相关文章推荐
用JavaScript和注册表脚本实现右键收藏Web页选中文本
Jan 28 Javascript
javascript数组组合成字符串的脚本
Jan 06 Javascript
火狐textarea输入法的bug的触发及解决
Jul 24 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
用JavaScript实现使用鼠标画线的示例代码
Aug 19 Javascript
原生js制作日历控件实例分享
Apr 06 Javascript
详解获取jq ul第一个li定位的四种解决方案
Nov 23 Javascript
微信小程序实现下载进度条的方法
Dec 08 Javascript
vue弹窗消息组件的使用方法
Sep 24 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
layui 实现表格某一列显示图标
Sep 19 Javascript
js实现简单的秒表
Jan 16 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+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
php字符串函数学习之strstr()
2015/03/27 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
2010/04/15 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
javascript数字时钟示例分享
2014/04/23 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
js改变embed标签src值的方法
2015/04/10 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
2015/11/17 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
2016/02/19 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
js严格模式总结(分享)
2016/08/22 Javascript
TypeScript入门-接口
2017/03/30 Javascript
React Native 集成jpush-react-native的示例代码
2017/08/16 Javascript
tween.js缓动补间动画算法示例
2018/02/13 Javascript
浅谈Vue下使用百度地图的简易方法
2018/03/23 Javascript
微信小程序template模板与component组件的区别和使用详解
2019/05/22 Javascript
js实现多图和单图上传显示
2019/12/18 Javascript
Python通过OpenCV的findContours获取轮廓并切割实例
2018/01/05 Python
Python实现爬虫从网络上下载文档的实例代码
2018/06/13 Python
python进行TCP端口扫描的实现
2018/12/21 Python
Python3中urlencode和urldecode的用法详解
2019/07/23 Python
Django 使用easy_thumbnails压缩上传的图片方法
2019/07/26 Python
英国领先的奢侈品零售商之一:CRUISE
2016/12/02 全球购物
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
英语专业毕业个人求职自荐信
2013/09/21 职场文书
教师评优事迹材料
2014/01/10 职场文书
工作鉴定评语
2014/05/04 职场文书
人事局接收函
2015/01/31 职场文书
经理聘任证明
2015/03/02 职场文书
详解Python描述符的工作原理
2021/06/11 Python
68行Python代码实现带难度升级的贪吃蛇
2022/01/18 Python
java代码实现空间切割
2022/01/18 Java/Android