使用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实现的分页函数
Dec 22 Javascript
javascript Keycode对照表
Oct 24 Javascript
jquery模拟进度条实现方法
Aug 03 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
js正则表达式验证邮件地址
Nov 12 Javascript
AngularJS入门教程之静态模板详解
Aug 18 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
JS图片预加载插件详解
Jun 21 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
Mar 31 Javascript
js cavans实现静态滚动弹幕
May 21 Javascript
vue-router中hash模式与history模式的区别
Jun 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实现网上点歌(二)
2006/10/09 PHP
模板引擎smarty工作原理以及使用示例
2014/05/25 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
基于jquery的地址栏射击游戏代码
2011/03/10 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
2013/04/15 Javascript
Javascript仿PHP $_GET获取URL中的参数
2014/05/12 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
Javascript中的几种URL编码方法比较
2015/01/23 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
JS实现IE状态栏文字缩放效果代码
2015/10/24 Javascript
jQuery ajax动态生成table功能示例
2017/06/14 jQuery
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
2019/10/23 Javascript
Vue 实现登录界面验证码功能
2020/01/03 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
2020/04/03 Javascript
Python通过PIL获取图片主要颜色并和颜色库进行对比的方法
2015/03/19 Python
总结用Pdb库调试Python的方式及常用的命令
2016/08/18 Python
Python装饰器语法糖
2019/01/02 Python
python语言元素知识点详解
2019/05/15 Python
详解Python 多线程 Timer定时器/延迟执行、Event事件
2019/06/27 Python
关于Python 的简单栅格图像边界提取方法
2019/07/05 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
Python 闭包,函数分隔作用域,nonlocal声明非局部变量操作示例
2019/10/14 Python
解决Django中checkbox复选框的传值问题
2020/03/31 Python
解决pyinstaller 打包exe文件太大,用pipenv 缩小exe的问题
2020/07/13 Python
浅谈css3中calc在less编译时被计算的解决办法
2017/12/04 HTML / CSS
找到不普通的东西:Bonanza
2016/10/20 全球购物
俄罗斯美容和健康网上商店:Созвездие Красоты
2019/07/23 全球购物
高中班长自我鉴定
2013/12/20 职场文书
幼儿园毕业家长感言
2014/02/10 职场文书
会计工作决心书
2014/03/11 职场文书
小学社会实践活动总结
2014/07/03 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书