加载xml文档(原生JS版及jQuery版)
2012-12-12 14:59
363 查看
如何用JavaScript加载xml文档? Google一下,大把的信息,但MS都是有缺陷的(起码我没找到一个全兼容的),不兼容,比如w3school版本 .怎么办?自己折腾吧,查了JavaScript权威指南,又看了网上一些写法,然后整理出一个原则上是全兼容的加载xml函数.经过本人测试的有:ie6/7/8,FF(Geckos),Chrome(Webkit),Opera,没装Safira,但她和Chrome一样的核,应该没问题.
原生JavaScript版本
面的函数使用很简单,比如把获取到的xml文档赋值给var xmlDom=loadXml(‘i.xml’);然后你就可以像操作普通DOM一样操作xml文档内容了.
至于jQuery版本的我就不多说了,有两种方法,兼容性她都为你考虑了,并且调用特别简单,如果你手头有锋利的jQuery 一书,可以在第326页找到相关信息.下面贴出代码:
基于jQuery版本
转自:http://mrthink.net/js-jq-xml-function/
原生JavaScript版本
function loadXml(fileName){ //@mrthink.net var xmlDoc = null; if (window.ActiveXObject) {//写给ie系 xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = false;//这句别漏掉,否则IE系会报完成该操作所需的数据还不可用 //xmlDoc.loadXML(fileName);//这个是用来加载xml字符串的 xmlDoc.load(fileName);//如果用的是xml文件。 } else if (document.implementation && document.implementation.createDocument) {//webkit,Geckos,Op内核的 var xmlhttp = new window.XMLHttpRequest(); xmlhttp.open("GET", fileName, false);//类型,文件名,是否缓存 xmlhttp.send(null); xmlDoc = xmlhttp.responseXML; } else { xmlDoc = null; } return xmlDoc; }
面的函数使用很简单,比如把获取到的xml文档赋值给var xmlDom=loadXml(‘i.xml’);然后你就可以像操作普通DOM一样操作xml文档内容了.
至于jQuery版本的我就不多说了,有两种方法,兼容性她都为你考虑了,并且调用特别简单,如果你手头有锋利的jQuery 一书,可以在第326页找到相关信息.下面贴出代码:
基于jQuery版本
//可以指定参数的方法@mrthink.net $.ajax({ //这个是万能的,不单单可以读xml url:'i.xml', //xml文档路径 type:'GET', //请求方式 dataType:'xml',//文档类型 timeout:1000,//超时时长 cache:false,//是否缓存 error:function(){alert('Oh,oh,Error!Haha!');},//这个是抛出加载失败的信息,比js的智能吧 success:function(xml){ alert('Yeah! Success!');//在这里执行对xml文档内容的操作 } }); //更简洁的方法 $.get('i.xml',function(xml){ alert('Yeah! Success!');//在这里执行对xml文档内容的操作 });
转自:http://mrthink.net/js-jq-xml-function/
相关文章推荐
- 原生JS与jQuery文档加载完毕的写法
- 加载xml文档的函数(原生JavaScript版及jQuery版)
- JQuery文档加载完成执行js的几种方法
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- js解析xml文档设置 同步/异步加载
- 原生js--文档加载时间
- 关于JS与jQuery中的文档加载问题
- 习惯了使用jQuery的ajax方法,看看原生js使用xmlhttpRequest实现ajax请求
- 原生JS页面初始化事件以及Jquery初始化页面加载事件
- 移动端滚动加载-----jQuery 和 原生JS
- JS加载xml文档
- js和jquery的文档加载问题
- JQuery和原生JS跨域加载JSON数据或HTML。
- android和JS交互,相互调用方法传值。不使用第三方实现原生加载word、ppt、pdf文档
- AJAX 原生js以及Jquery解析html,xml,txt,json格式文本
- Ajax解析html、xml、json、js原生方式、jquery方式
- Js&Jquery文档加载完事件
- jquery与js原生 的加载方式区别
- XLoadTree 基于AJAX + XML动态加载的JS树组件的文档翻译
- 页面自动执行的几种方法 (加载)js的几种方法 原生和jquery