好资源导航 » 文章资讯 » 原生javascript实现解析XML文档与字符串

原生javascript实现解析XML文档与字符串

2024-03-21 11:19:02 524

之前写过一篇《使用jquery解析XML的方法》链接是https://www.nhooo.com/article/54842.htm，上篇文章详细解释了jQuery与字符串互相转换的方法,这里着重论述javascript操作xml。

总代码如下：

varXMLHttp=null;
if(window.XMLHttpRequest){//现代浏览器
XMLHttp=newXMLHttpRequest();
}elseif(window.ActiveXObject){
XMLHttp=newActiveXObject("Microsoft.XMLHTTP");//IE5/IE6
}
if(XMLHttp!==null){
XMLHttp.onreadystatechange=function(){
if(XMLHttp.readyState===4){
if(XMLHttp.status===200||XMLHttp.status===304){
//varXMLDom=XMLHttp.responseXML;//解析XML文档
varXMLDoc=XMLHttp.responseText;//解析XML字符串
varXMLDom=(newDOMParser()).parseFromString(XMLDoc,"text/xml");
//异步代码写这里
console.log(XMLDom);
console.log("world");//后出现world
}
}
};
XMLHttp.open("get","test1.xml",true);
XMLHttp.send();
//非异步代码写这里
console.log("hello");//先出现hello
}

第一步，创建XMLHTTPREQUEST：

varXMLHttp=null;
if(window.XMLHttpRequest){//现代浏览器
XMLHttp=newXMLHttpRequest();
}elseif(window.ActiveXObject){
XMLHttp=newActiveXObject("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){
//varXMLDom=XMLHttp.responseXML;//解析XML文档
varXMLDoc=XMLHttp.responseText;//解析XML字符串
varXMLDom=(newDOMParser()).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();
//非异步代码写这里
//varXMLDom=XMLHttp.responseXML;//解析XML文档
varXMLDoc=XMLHttp.responseText;//解析XML字符串
varXMLDom=(newDOMParser()).parseFromString(XMLDoc,"text/xml");
//异步代码写这里
console.log(XMLDom);
}

返回顶部
3162201930
czq8825@qq.com

原生javascript实现解析XML文档与字符串

热门推荐

随机推荐