使用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 相关文章推荐
jquery 简单导航实现代码
Sep 11 Javascript
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
jquery动态加载select下拉框示例代码
Dec 10 Javascript
Jquery 实现checkbox全选方法
Jan 28 Javascript
Underscore.js常用方法总结
Feb 28 Javascript
javascript实现验证IP地址等相关信息代码
May 10 Javascript
javascript实现不同颜色Tab标签切换效果
Apr 27 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
Dec 20 Javascript
解析vue data不可以使用箭头函数问题
Jul 03 Javascript
微信小程序搭建自己的Https服务器
May 02 Javascript
Vue使用鼠标在Canvas上绘制矩形
Dec 24 Vue.js
原生js实现自定义滚动条
Jan 20 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中inlcude()性能对比详解
2012/09/16 PHP
解析PHP无限级分类方法及代码
2013/06/21 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
PHP连接MYSQL数据库实例代码
2016/01/20 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
Avengerls vs KG BO3 第一场2.18
2021/03/10 DOTA
JavaScript之引用类型介绍
2012/08/10 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
jquery模拟进度条实现方法
2015/08/03 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
JavaScript实现删除数组重复元素的5种常用高效算法总结
2018/01/18 Javascript
js中let和var定义变量的区别
2018/02/08 Javascript
详解关于vue-area-linkage走过的坑
2018/06/27 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
Vuex mutitons和actions初使用详解
2019/03/04 Javascript
layer弹出层取消遮罩的方法
2019/09/25 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
如何使用Jquery动态生成二级选项列表
2020/02/06 jQuery
八大排序算法的Python实现
2021/01/28 Python
Using Django with GAE Python 后台抓取多个网站的页面全文
2016/02/17 Python
python安装与使用redis的方法
2016/04/19 Python
Python设计模式之抽象工厂模式
2016/08/25 Python
python对html过滤处理的方法
2018/10/21 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
python 穷举指定长度的密码例子
2020/04/02 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
美国男士内衣品牌:Tommy John
2017/12/22 全球购物
Parfumdreams芬兰:购买香水和化妆品
2021/02/13 全球购物
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
《金子》教学反思
2014/04/13 职场文书
学生党员检讨书范文
2014/12/27 职场文书
邀请函怎么写
2015/01/30 职场文书
教师教育教学随笔
2015/08/15 职场文书
《法国号》教学反思
2016/02/22 职场文书