程序媛浅析用js读取xml的方法
发布在极乐科技2016年11月30日view:989HTML5css3BrettBat
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

由于项目上需要解析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){  /rome
               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。

手动end!


在学习过程如果有任何疑问,请来极乐网(http://www.dreawer.com)提问,或者扫描下方二维码,关注极乐官方微信,在平台下方留言~ 极乐科技二维码

评论
发表评论
暂无评论
WRITTEN BY
PUBLISHED IN
极乐科技

面向IT技术人员和技术供应商服务的平台网站,我们的口号是:让技术变得更简单! 极乐网

我的收藏