细节:解析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",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",false);
    XMLHttp.send();
    //非异步代码写这里
    // var XMLDom = XMLHttp.responseXML; //解析XML文档
    var XMLDoc = XMLHttp.responseText; //解析XML字符串
    var XMLDom = (new DOMParser()).parseFromString(XMLDoc,"text/xml");
    //异步代码写这里
    console.log(XMLDom);
}

相关文章

php输出xml格式字符串
J2ME Mobile 3D入门教程系列文章之一
XML轻松学习手册
XML入门的常见问题(一)
XML入门的常见问题(三)
XML轻松学习手册(2)XML概念