js解析XMl文件,兼容IE、Firefox、谷歌
2015-10-19 20:43
661 查看
loadXML = function(xmlFile){ var xmlDoc=null; var agent = navigator.userAgent.toLowerCase(); //判断浏览器的类型 //支持IE浏览器 if(agent.indexOf("msie") > 0){ alert("22"); var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM']; for(var i=0;i<xmlDomVersions.length;i++){ try{ xmlDoc = new ActiveXObject(xmlDomVersions[i]); break; }catch(e){ } } } //支持firefox浏览器 else if(agent.indexOf("firefox") > 0){ try{ xmlDoc = document.implementation.createDocument('','',null); }catch(e){ } } else{//谷歌浏览器 alert("111111111"); var oXmlHttp = new XMLHttpRequest() ; oXmlHttp.open( "GET", xmlFile, false ) ; oXmlHttp.send(null) ; return oXmlHttp.responseXML; } if(xmlDoc!=null){ xmlDoc.async = false; xmlDoc.load(xmlFile); } return xmlDoc; } $(function(){ var bankDoc = loadXML("bank.xml"); var list = bankDoc.getElementsByTagName("bank"); $("BankID").length = 0; for (var i = 0; i < list.length; i++) { bankId = list[i].getAttribute("bankId"); bankName = list[i].getAttribute("bankName"); alert(bankName); } });
xml文件:
<?xml version="1.0" encoding="UTF-8" ?>
<Items>
<bank bankId="" bankName="无" />
<bank bankId="100" bankName="邮政储蓄银行" />
<bank bankId="102" bankName="中国工商银行" />
<bank bankId="103" bankName="中国农业银行" />
<bank bankId="104" bankName="中国银行" />
<bank bankId="105" bankName="中国建设银行" />
<bank bankId="301" bankName="交通银行" />
<bank bankId="302" bankName="中信银行" />
<bank bankId="303" bankName="中国光大银行" />
<bank bankId="304" bankName="华夏银行" />
<bank bankId="305" bankName="中国民生银行" />
<bank bankId="306" bankName="广东发展银行" />
</Items>
亲测支持ie8、Firefox、chrome、手机qq浏览器。
相关文章推荐
- JSONP的原理
- JavaScript创建cookie
- JavaScript高级程序设计第25章(新兴的API)
- javascript之DOM操作
- javascript入门
- JavaScript 开发的45个经典技巧
- HTML学习记录<八> :嵌入JavaScript的位置
- 通过json序列化方式在django下传递模型数据
- jsp el表达式
- 认识js中的function和this
- JS实现文本框和文本域获取焦点focus()时,光标在本文的末尾
- FastJson使用
- JavaScript的Ajax数据请求与浏览器兼容
- 本地部署ArcGIS API for JavaScript
- js中prototype用法(转)
- js去除字符串中重复的编号,并删除自己的编号
- js处理字符串的substr()slice()substring()match()replace()用法
- js中的fadeIn()
- js保留两位小数点
- JS转换Date日期格式