使用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 相关文章推荐
Mootools 1.2教程 滚动条(Slider)
Sep 15 Javascript
JavaScript常用对象的方法和属性小结
Jan 24 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
Sep 19 Javascript
javascript中this做事件参数相关问题解答
Mar 17 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
jquery实现手风琴效果实例代码
Nov 15 Javascript
JavaScript中number转换成string介绍
Dec 31 Javascript
jQuery动画与特效详解
Feb 01 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
AngularJS 2.0新特性有哪些
Feb 18 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
Apr 28 Javascript
JS实现合并json对象的方法
Oct 10 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
Windows下XDebug 手工配置与使用说明
2010/07/11 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
ajax处理php返回json数据的实例代码
2013/01/24 Javascript
js 控制页面跳转的5种方法
2013/09/09 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
浅析node.js中close事件
2014/11/26 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
js实现类bootstrap模态框动画
2017/02/07 Javascript
npm 下载指定版本的组件方法
2018/05/17 Javascript
JavaScript事件对象event用法分析
2018/07/27 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
2018/09/15 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
Vue实现微信支付功能遇到的坑
2019/06/05 Javascript
js贪心算法 钱币找零问题代码实例
2019/09/11 Javascript
JS实现判断移动端PC端功能
2020/02/21 Javascript
python中enumerate函数遍历元素用法分析
2016/03/11 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
Python对象与引用的介绍
2019/01/24 Python
Opencv-Python图像透视变换cv2.warpPerspective的示例
2019/04/11 Python
Python多线程通信queue队列用法实例分析
2020/03/24 Python
如何实现更换Jupyter Notebook内核Python版本
2020/05/18 Python
浅谈anaconda python 版本对应关系
2020/10/07 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
Python爬虫自动化获取华图和粉笔网站的错题(推荐)
2021/01/08 Python
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
自荐信怎么写好
2013/11/11 职场文书
计算机专业求职信
2014/06/02 职场文书
2014年财政工作总结
2014/12/10 职场文书
节水倡议书
2015/01/19 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
教学反思怎么写
2016/02/24 职场文书
画错魏国疆域啦!《派对咖孔明》动画因作画失误于官网致歉
2022/04/07 日漫