细节:剖析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);
}
    原文作者:JS菌
    原文地址: https://segmentfault.com/a/1190000004502856
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞