使用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记住用户名和登录密码(两种方式)
Aug 04 Javascript
JavaScript的jQuery库中function的存在和参数问题
Aug 13 Javascript
js判断手机号运营商的方法
Oct 23 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
Dec 18 Javascript
JQuery validate 验证一个单独的表单元素实例
Feb 17 Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
Sep 03 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
node实现的爬虫功能示例
May 04 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
Mar 10 Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 Javascript
el-form 多层级表单的实现示例
Sep 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
PHP 高手之路(一)
2006/10/09 PHP
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
setcookie中Cannot modify header information-headers already sent by错误的解决方法详解
2013/05/08 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
一组JS创建和操作表格的函数集合
2009/05/07 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
seajs中模块的解析规则详解和模块使用总结
2014/03/12 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
JS伪继承prototype实现方法示例
2018/06/20 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
2019/08/27 Javascript
微信小程序之 catalog 切换实现解析
2019/09/12 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
javascript中call,apply,bind的区别详解
2020/12/11 Javascript
Python的gevent框架的入门教程
2015/04/29 Python
python处理图片之PIL模块简单使用方法
2015/05/11 Python
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
python实现图书馆研习室自动预约功能
2018/04/27 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
Django 配置多站点多域名的实现步骤
2019/05/17 Python
tensorflow常用函数API介绍
2020/04/19 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
Python实现自动装机功能案例分析
2020/10/22 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
大学生学习2014年全国两会心得体会
2014/03/12 职场文书
日化店促销方案
2014/03/26 职场文书
毕业生学校推荐信范文
2014/05/21 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
骨干教师申报材料
2014/12/17 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
毕业生求职自荐信(2016最新版)
2016/01/28 职场文书
女性励志书籍推荐
2019/08/19 职场文书