JavaScript遍历XML总结

1：读取服务器端xml（注意不同浏览器版本的区别），使用XML可以增强系统的扩展性，只用修改XML就可以实现增加减少功能的目的。

    function loadXMLDoc1(dname){
        if (window.XMLHttpRequest){
            xhttp=new XMLHttpRequest();
        }else{
            xhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xhttp.open("GET",dname,false);
        xhttp.send("");
        return xhttp.responseXML;
    }

 

2：遍历XML节点

2.1：getElementsByTagName() 方法可以在取得一个节点后继续调用获得子节点，并且返回的是一个数组（只有一个节点时也要加上[0]）

2.2：.childNodes[0].nodeValue) 取得一个节点的值的办法，节点的值也是节点（文本节点）

    function test() {
        var xml=loadXMLDoc1("book.xml");
        var bookss=xml.getElementsByTagName("book");
        for(var i=0;i<bookss.length;i++) {
            document.write(bookss[i].getElementsByTagName("title")[0].childNodes[0].nodeValue);
            document.write("</br>");
            document.write(bookss[i].getElementsByTagName("author")[0].childNodes[0].nodeValue);
            document.write("</br>");
            document.write(bookss[i].getElementsByTagName("year")[0].childNodes[0].nodeValue);
            document.write("</br>");
            document.write(bookss[i].getElementsByTagName("price")[0].childNodes[0].nodeValue);
            document.write("</br>");
        }
    }

 

3:CDATA节点值读取

3.1：如果一个XML节点中是CDATA，读取时不同浏览器的方法不同，在IE下nodeValue可以正常获取到值，在FF和chrome下通过wholeText读取。

3.2：如果一个节点浏览器不支持，可以使用if进行判断。

    function testCDATA() {
        var xml=loadXMLDoc1("ceshi.xml");
        var HightChartsOpinions=xml.getElementsByTagName("HightChartsOpinions");
        for(var i=0;i<HightChartsOpinions.length;i++) {
            var wholeTextData=HightChartsOpinions[i].childNodes[0].wholeText;
            var text=wholeTextData?wholeTextData:HightChartsOpinions[i].childNodes[0].nodeValue
            document.write(text);
            document.write("</br>");
        }
        return false;
    }

 

4: 通过XPATH进行XML的遍历

4.1：XPATH可以非常强大的进行XML节点的过滤，以下的链接中包含了常用的xpath用法。

http://www.w3school.com.cn/xpath/xpath_examples.asp

4.2：xpath读取xml 不同浏览器也有不同的方法实现，这里使用回调函数处理返回节点。

    function xpath() {
        var xmlFilePath="book.xml";
        var xpath="/bookstore/book[price>45]";
        var callback=function(element) {
            document.write(element.getElementsByTagName("title")[0].childNodes[0].nodeValue);
            document.write("</br>");
            document.write(element.getElementsByTagName("author")[0].childNodes[0].nodeValue);
            document.write("</br>");
            document.write(element.getElementsByTagName("year")[0].childNodes[0].nodeValue);
            document.write("</br>");
            document.write(element.getElementsByTagName("price")[0].childNodes[0].nodeValue);
            document.write("</br>");
        };
        handlerXML(xmlFilePath,xpath,callback);
    }

    function handlerXML(xmlFilePath,xpath,callback) {
        var xml=loadXMLDoc1(xmlFilePath);
        var action;
        if (window.ActiveXObject)
        {
            var nodes=xml.selectNodes(xpath);
            for (i=0;i<nodes.length;i++){
                callback(nodes[i]);
            }
        }else if (document.implementation && document.implementation.createDocument){
            var nodes=xml.evaluate(xpath, xml, null, XPathResult.ANY_TYPE, null);
            var result=nodes.iterateNext();
            while (result){
                callback(result);
                result=nodes.iterateNext();
            }
        }
    }