XML可擴充套件標記語言，作為傳輸和儲存資料的載體，在web開發中應用很廣泛。在我們需要將XML資料傳遞給前端時，需要用javascript解析才能使用，所以，使用javascript解析XML也是很普遍的。

通過javascript解析XML，我們可以使用DOM這個強大的工具（針對HTML文件、XML等文件的一套API），也就是通過getElementById或者getElementsByTagName這些方法解析XML。

    那它們在解析XML時是否合適，我們考慮下下面的幾個問題：

    首先XML中每個元素節點不一定有id屬性；其次XML中的兩個元素節點可能有相同的id屬性；這樣使用

    就XML而言，對比JSON，XML檔案龐大，格式複雜，在通過DOM解析顯然需要花費更過的資源和時間，使用者體驗肯定不好。

   有沒有更好點的方法呢？

XPATH技術—解決問題的良藥

         XPATH是什麼？全稱是XML Path Language（XML路徑語言），適用於確定XML文件中某節點位置的語言。

    我們可以把它當作類似於SQL一樣的查詢語言，通過給出XPATH路徑資訊（就像SQL命令一樣）就可以從

         Java中的DOM4j開源包中有selectSingleNode和selectNodes這樣兩個方法可以根據XPATH表示式來獲取一個或多個節點。

    在IE6.0及以後版本中我們可以使用同樣的方式來訪問任意深度的XML資料，這給XML資料的解析操作帶來了便利。

    但是在firefox等瀏覽器中，則是使用了w3c標準的XPATH處理方式，沒有IE這麼簡單的方式，firefox中需要建立相應的操作物件和計算方法，才能返回對應的節點。

   封裝方法，建立在不同瀏覽器中都可進行XPATH操作的封裝方法

    //根據指定的XPATH表示式查詢滿足條件的所有節點
    //@param xmldoc 執行查詢的節點
    //@param sXpath xpath的表示式
    function selectNodes(xmldoc,sXpath){  
      
        if(window.ActiveXObject){       
            //IE瀏覽器     
            return xmldoc.selectNodes(sXpath);        
        }else if(window.XPathEvaluator){      
            //FireFox類瀏覽器       
            var xpathObj=new XPathEvaluator();  

            if(xpathObj){  
                     var result=xpathObj.evaluate(sXpath,xmldoc,null,XPathResult.ORDERED_NODE_ITEARTOR_TYPE,null);        
                var nodes=new Array();        
                var node;        
                while((node = result.iterateNext())!=null) {        
                    nodes.push(node);       
                }        
               return nodes;  
      
            }else{  
      
                return null;                              
            }  
      
        }else{        
            return null;        
        }        
    }  

    //根據指定的XPATH表示式查詢滿足條件的第一個節點
    //@param xmldoc 執行查詢的節點
    //@param sXpath xpath的表示式
    function selectSingleNode(xmldoc,sXpath){  
        if(window.ActiveXObject){       
            //IE瀏覽器        
            return xmldoc.selectSingleNode(sXpath);        
        }else if(window.XPathEvaluator){        
            //FireFox類瀏覽器        
            var xpathObj=new XPathEvaluator();        
            if(xpathObj){        
                var result=xpathObj.evaluate(sXpath,xmldoc,null,XPathResult.ORDERED_NODE_ITEARTOR_TYPE,null);                              
                return result.singleNodeValue;        
            }else{        
                return null;                               
            }        
        }else{        
            return null;        
        }        
    }  

   evaluate()方法返回的是一個節點列表，得到節點列表後iterateNext()方法來遍歷這個列表中的所有節點。而ORDERED_NODE_ITERATOR_TYPE就是節點的列表，按照文件中節點的屬性排列。

例項—通過XPATH表示式獲取XML資料

 XML

<?xml version="1.0" encoding="UTF-8"?>

<books>
    <book isdn="0001">
        <author>wang</author>
        <name>AJAX Professional</name>
        <price>35</price>
    </book>
    <book isdn="0002">
        <author>lee</author>
        <name>AJAX In Action</name>
        <price>65</price>
    </book>
    <book isdn="0003">
        <author>zhu</author>
        <name>AJAX For Dummies</name>
        <price>40</price>
    </book>
    <author>123</author>
</books>

   通過呼叫selectNodes()函式來獲取不同引數的值

    下面通過六個需求來進行說明

      <script type="text/javascript">
            function testxpath(){
                var rootElement = loadXML(true,"XPATH.xml");
                removeBlank(rootElement);
             
                //需求1，獲取元素節點
                //查詢所有的author元素節點
                //關鍵就是如何表式元素節點在DOM樹中的路徑
                // 絕對路徑 /books/book/author
                // 相對路徑 book/author
                // 全文件搜尋法 //author , //book/author
                var author1 = selectNodes(rootElement,"/books/book/author");
                var author2 = selectNodes(rootElement,"book/author");
                var author2 = selectNodes(rootElement,"//author");
                var author2 = selectNodes(rootElement,"//book/author");
                
                //需求2，獲取屬性節點
                //關鍵是先找到包含屬性節點的元素節點
                var isdn1 = selectNodes(rootElement,"/books/book/@isdn");
                var isdn2 = selectNodes(rootElement,"book/@isdn");
                var isdn3 = selectNodes(rootElement,"//book/@isdn");
                var isdn4 = selectNodes(rootElement,"//books/@isdn");
                
                //需求3，獲取文字節點
                //關鍵是找到包含文字節點的那個元素節點
                var text1 = selectNodes(rootElement,"/books/book/name/text()");
                var text2 = selectNodes(rootElement,"book/name/text()");
                var text3 = selectNodes(rootElement,"//book/name/text()");
                var text4 = selectNodes(rootElement,"//name/text()");
                
                //需求4，有條件的查詢元素節點
                //需要先找到元素節點，然後再增加條件表示式,[條件]
                var book1 = selectNodes(rootElement,"/books/book[@isdn]");
                var book2 = selectNodes(rootElement,"book[@isdn]");
                var book3 = selectNodes(rootElement,"//book[@isdn]");
                
                //需求5，多個新增與關係的查詢元素節點
                //需要首先找到元素節點，然後每一個查詢條件寫在一箇中括號中
                var bookA1 = selectNodes(rootElement,"/books/book[@isdn='0002'][price>35]");
                var bookA2 = selectNodes(rootElement,"book[@isdn='0002'][price>35]");
                var bookA3 = selectNodes(rootElement,"//book[@isdn='0002'][price>35]");
                
                //需求6，‘|’或關係查詢
                var bookA3 = selectNodes(rootElement,"//book[@isdn='0002']| /books/book[price>35]");
                
                alert("");
            }
        </script>

        XPath是對專門對XML操作的語言，通過XPath語言，可以很方便的找到你想要的那個節點，程式碼方便，而且效率。

        相比JSON，XML有優點也有缺點，各有優勢，進一步研究請關注我的部落格。