原生javascript实现解析XML文档与字符串
2016-03-01 00:00
881 查看
之前写过一篇 《使用jquery解析XML的方法》链接是https://www.geek-share.com/detail/2620846525.html,上篇文章详细解释了jQuery 与字符串互相转换的方法 ,这里着重论述javascript操作xml。
总代码如下:
第一步,创建XMLHTTPREQUEST:
第二步,检测ONREADYSTATECHANGE(非异步不需要):
第三步,解析XML文档或字符串(异步):
第四步,解析XML文档或字符串(非异步):
JS解析XML的实现代码
js 加载并解析XML字符串的代码
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
JS解析XML文件和XML字符串详解
总代码如下:
var XMLHttp = null; if (window.XMLHttpRequest) { //现代浏览器 XMLHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { XMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE5/IE6 } if (XMLHttp !== null) { XMLHttp.onreadystatechange = function() { if (XMLHttp.readyState === 4) { if (XMLHttp.status === 200 || XMLHttp.status === 304) { // var XMLDom = XMLHttp.responseXML; //解析XML文档 var XMLDoc = XMLHttp.responseText; //解析XML字符串 var XMLDom = (new DOMParser()).parseFromString(XMLDoc, "text/xml"); //异步代码写这里 console.log(XMLDom); console.log("world"); //后出现world } } }; XMLHttp.open("get", "test1.xml", true); XMLHttp.send(); //非异步代码写这里 console.log("hello"); //先出现hello }
第一步,创建XMLHTTPREQUEST:
var XMLHttp = null; if (window.XMLHttpRequest) { //现代浏览器 XMLHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { XMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE5/IE6 }
第二步,检测ONREADYSTATECHANGE(非异步不需要):
if (XMLHttp !== null) { XMLHttp.onreadystatechange = function() { if (XMLHttp.readyState === 4) { if (XMLHttp.status === 200 || XMLHttp.status === 304) { //异步代码写这里 } } }; XMLHttp.open("get", "test1.xml", true); XMLHttp.send(); //非异步代码写这里 }
第三步,解析XML文档或字符串(异步):
XMLHttp.onreadystatechange = function() { if (XMLHttp.readyState === 4) { if (XMLHttp.status === 200 || XMLHttp.status === 304) { // var XMLDom = XMLHttp.responseXML; //解析XML文档 var XMLDoc = XMLHttp.responseText; //解析XML字符串 var XMLDom = (new DOMParser()).parseFromString(XMLDoc, "text/xml"); //异步代码写这里 console.log(XMLDom); } } };
第四步,解析XML文档或字符串(非异步):
if (XMLHttp !== null) { // XMLHttp.onreadystatechange = function() { // if (XMLHttp.readyState === 4) { // if (XMLHttp.status === 200 || XMLHttp.status === 304) {} // } // }; XMLHttp.open("get", "test1.xml", false); XMLHttp.send(); //非异步代码写这里 // var XMLDom = XMLHttp.responseXML; //解析XML文档 var XMLDoc = XMLHttp.responseText; //解析XML字符串 var XMLDom = (new DOMParser()).parseFromString(XMLDoc, "text/xml"); //异步代码写这里 console.log(XMLDom); }
您可能感兴趣的文章:
javascript解析xml字符串的函数JS解析XML的实现代码
js 加载并解析XML字符串的代码
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
JS解析XML文件和XML字符串详解
相关文章推荐
- JavaScript Array对象详解
- JavaScript常用函数工具集:lao-utils
- JavaScript通过使用onerror设置默认图像显示代替alt
- JavaScript Date对象详解
- JS显示日历和天气的方法
- JS实现图片平面旋转的方法
- JavaScript实现简洁的俄罗斯方块完整实例
- JS实现的在线调色板实例(附demo源码下载)
- javascript中FOREACH数组方法使用示例
- javascript html5实现表单验证
- javascript使用Promise对象实现异步编程
- JavaScript html5 canvas绘制时钟效果
- JS 闭包详解
- Javascript思维导图
- JS 闭包的用途
- Javascript语言精粹读书笔记1
- Javascript语言精粹读书笔记2
- Javascript语言精粹读书笔记3
- 面向对象的js
- JS对象的几个方法介绍