JavaScript JavaScript與XML——“XPath”的注意要點

duan199226 發布于2019-08-27 10:52 / 653人閱讀

摘要：對于布爾值類型，如果至少有一個節點與表達式匹配，則求值結果返回，否則返回如果有節點匹配，則返回和方法以上輸出與語法匹配的節點數量默認類型結果常量可以自動確定返回結果的類型。

XPath是設計用來在DOM文檔中查找節點的一種手段，因而對XML的處理也很重要。很多瀏覽器實現了這個標準，IE有自己的實現方式。

DOM3級XPath

下面的代碼是用來檢測瀏覽器是否支持DOM3級的XPath：

var supportsXPath=document.implementation.hasFeature("XPath","3.0");

在DOM3級的XPath規范定義的類型中，最重要的兩個類型是

XPathEvaluator

XPathResult

XPathEvaluator用在特定的上下文中對XPath表達式的求值。這個類型由三個方法：

createExpression(expression,nsresolver):將XPath表達式及相應的命名空間信息轉化成一個XPathExpression，這是查詢的編譯版。在多次使用同一個查詢時很有用。

createNSResolver(node):根據node的命名空間信息創建一個新的XPathNSResolver對象。在基于使用命名空間的XML文檔求值時，需要使用XPathNSResolver對象。

evaluate(expression.context,nsresolver,type,result):在給定的上下文中基于特定的命名空間信息來對XPath求值，剩下的參數指定如何返回結果。

evaluate方法最常用。這個方法接收5個參數：

XPath表達式

上下文節點

命名空間求解器

返回結果的類型和保存結果的XPathResult對象（通常是null，因為結果會以函數值的形式返回）。

第三個參數只在XML代碼中使用了XML命名空間時有必要指定，如果沒使用，設置為null。
第四個參數的的取值范圍是下列的常量之一：

XPathResult.ANY_TYPE:返回與XPath表達式匹配的數據類型

XPathResult.NUMBER_TYPE:數字

XPathResult.STRING_TYPE:字符串

XPathResult.BOOLEAN_TYPE:布爾值

XPathResult.UNORDERED_NODE_ITERATOR_TYPE:無序的匹配節點集合

XPathResult.ORDERED_NODE_ITERATOR_TYPE:有序的節點匹配集合

XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE:無序的匹配節點快照集合

XPathResult.ORDERD_NODE_SNAPSHOT_TYPE:有序的匹配節點快照集合

XPathResult.ANY_UNORDERED_NODE_TYPE:返回匹配的節點集合，順序會與原文不一定一致。

XPathResult.FIRST_ORDERED_NODE_TYPE:返回一個節點的集合

指定的結果類型決定了如何取得結果的值。

var result = xmldom.evaluate("employee/name", xmldom.documentElement, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
if (result !== null) {
    var node = result.iterateNext();
    while (node) {
        alert(node.tagName);
        node = result.iterateNext();
    }
}

上述代碼中返回的XPathResult點迭代器需要使用iterateNext()方法從節點中取得匹配的節點。

再舉個例子如：

var xmldom = null;
var parser = new DOMParser();
xmldom = parser.parseFromString("OliverTroy","text/xml");
var result = xmldom.evaluate("/root/name", xmldom.documentElement, null, XPathResult.ORDERED_NODE_ITETATOR_TYPE, null);
if (result !== null) {
    var node = result.iterateNext();
    while (node) {
        console.log(node.innerHTML);
        node = result.iterateNext();
    }
}

如果指定的是快照結果類型，就必須使用

snapshotItem()方法和

snapshotLength屬性。

如：

var result = xmldom.evaluate("employee/name", xmldom.documentElement, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
if (result !== null) {
    for (var i = 0, len = result.snapshotLength; i < len; i++) {
        alert(result.snapshotItem(i).tagName);
    }
}

又如：

var xmldom = null;
var parser = new DOMParser();
xmldom = parser.parseFromString("OliverTroy", "text/xml");
var result = xmldom.evaluate("/root/name", xmldom.documentElement, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
if (result !== null) {
    for (var i = 0, len = result.snapshotLength; i < len; i++) {
        console.log(result.snapshotItem(i).innerHTML);
    };
}

單節點結果

XPathResult.FIRST_ORDERED_NODE_TYPE會返回一個匹配的節點，可以通過結果的singleNodeValue屬性來訪問該節點。

var xmldom = null;
var parser = new DOMParser();
xmldom = parser.parseFromString("OliverTroy", "text/xml");
var result = xmldom.evaluate("/root/name", xmldom.documentElement, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
console.log(result.singleNodeValue.innerHTML); //Oliver

可以通過singleNodeValue屬性來訪問該節點。

簡單類型結果

簡單類型的結果分別會通過

booleanValue

numberValue

stringValue

來訪問。

XPathResult.BOOLEAN_TYPE：

對于布爾值類型，如果至少有一個節點與XPath表達式匹配，則求值結果返回true，否則返回false：

var xmldom = null;
var parser = new DOMParser();
xmldom = parser.parseFromString("OliverTroy", "text/xml");
var result = xmldom.evaluate("/root/name", xmldom.documentElement, null, XPathResult.BOOLEAN_TYPE, null);
console.log(result.booleanValue); //True

如果有節點匹配"employee/name"，則返回true；

XPathResult.NUMBER_TYPE和count()方法：

var xmldom = null;
var parser = new DOMParser();
xmldom = parser.parseFromString("OliverTroy", "text/xml");
var result = xmldom.evaluate("count(/root/name)", xmldom.documentElement, null, XPathResult.NUMBER_TYPE, null);
console.log(result.numberValue); //2

以上輸出與XPath語法匹配的節點數量(2)

XPathResult.STRING_TYPE：

var xmldom = null;
var parser = new DOMParser();
xmldom = parser.parseFromString("OliverTroy", "text/xml");
var result = xmldom.evaluate("/root/name", xmldom.documentElement, null, XPathResult.STRING_TYPE, null);
console.log(result.stringValue); //Oliver

默認類型結果

XPathResult.ANY_TYPE常量

可以自動確定返回結果的類型。

resultType屬性

可以檢測結果的類型。

如：

var xmldom = null;
var parser = new DOMParser();
xmldom = parser.parseFromString("OliverTroy", "text/xml");
var result = xmldom.evaluate("/root/name", xmldom.documentElement, null, XPathResult.ANY_TYPE, null);
if (result !== null) {
    switch (result.resultType) {
        case XPathResult.STRING_TYPE:
            console.log(result.stringValue);
            break;
        case XPathResult.UNORDERED_NODE_ITERATOR_TYPE:
            var node = result.iterateNext();
            while (node) {
                console.log(node.innerHTML);
                node = result.iterateNext();
            }
            break;
    }
}

對使用命名空間的XML求值的方法：

createNSResolver()方法

和創建一個函數，兩種方法

通過createNSResolver(node)方法來創建XPathNSResolver對象，然后再使用evaluate() 方法來獲取結果

如：

var nsresolver = xmldom.createNSResolver(xmldom.documentElement);
var result = xmldom.evaluate("wrox:book/wrox:author", xmldom.documentElement, nsresolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
alert(result.snapshotLength);

定義一個函數，讓它接收一個命名空間前綴，返回關聯的URI

如：

var neresolver = function(prefix) {
    switch (prefix) {
        case "wrox":
            return "http://www.wrox.com/";
            //其他前綴
    }
}
var result = xmldom.evaluate("count(wrox:book/wrox/author)", xmldom.documentElement, nsresolver, XPathResult.NUMBER_TYPE, null);
alert(result.numberValue);

跨瀏覽器使用XPath

第一個跨瀏覽器的方法是selectSingleNode()，接收三個參數：上下文節點， XPath表達式，可選的命名空間

function selectSingleNode(context, expression, namespace) {
    var doc = (context.nodeType != 9 ? context.ownerDocument : context);
    if (typeof doc.evaluate != "umdefined") {
        var nsresolver = null;
        if (namespace instanceof Object) {
            nsresolver = function(prefix) {
                return namespace[prefix];
            };
        }
        var result = doc.evaluate(expression, context, nsresolver, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
        return (result !== null ? result.singleNodeValue : null);
    } else if (typeof context.selectSingleNode != "undefined") {
        if (namespace instanceof Object) {
            var ns = "";
            for (var prefix in namespace) {
                if (namespaces.hasOwnProperty(prefix)) {
                    ns += "xmlns:" + prefix + "="" + namespaces[prefix] + "" ";
                }
            }
            doc.setProperty("SelectionNamespaces": ns);
        }
        return context.selectSingleNode(expression);
    } else {
        throw new Error("no XPath engine found");
    }
}

下面是這個函數的使用示例：

var result = selectSingleNode(xmldom.documentElement, "wrox:book/wrox:author", {
    wrox: "http://www.wrox.com/"
});
alert(serializeXml(result));

下面的函數是跨瀏覽器封裝的selectNodes()函數，這個函數接收與上一個函數有相同的三個參數。

function selectNodes(context, expression, namespace) {
    var doc = (context.nodeType != 9 ? context.ownerDocument : context);
    if (typeof doc.evaluate != "umdefined") {
        var nsresolver = null;
        if (namespace instanceof Object) {
            nsresolver = function(prefix) {
                return namespace[prefix];
            };
        }
        var result = doc.evaluate(expression, context, nsresolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
        var nodes = new Array();
        if (result !== null) {
            for (var i = 0, len = result.snapshotLength; i < len; i++) {
                nodes.push(result.snapshotItem(i));

            }
        }
        return nodes;
    } else if (typeof context.selectSingleNode != "undefined") {
        if (namespace instanceof Object) {
            var ns = "";
            for (var prefix in namespace) {
                if (namespace.hasOwnProperty(prefix)) {
                    ns += "xmlns:" + prefix + "="" + namespaces[prefix] + "" ";
                }
            }
            doc.setProperty("SelectionNamespaces": ns);
        }
        var result = context.selectNodes(expression);
        var nodes = new Array();
        for (var i = 0, len = result.length; i < len; i++) {
            nodes.push(result[i]);
        }
        return nodes;
    } else {
        throw new Error("no XPath engine found");
    }
}

下面是selectNodes() 方法的使用示例：

var result = selectNodes(xmldom.documentElement, "wrox:book/wrox:author", {
    wrox: "http://www.wrox.com/"
});
alert(result.length);

GPU云服務器云服務器 javascript與js的區別 java與javascript的區別 JavaScript生成xml 用javascript操作xml

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/110342.html

JavaScript JavaScript與XML——“XPath”的注意要點

摘要：對于布爾值類型，如果至少有一個節點與表達式匹配，則求值結果返回，否則返回如果有節點匹配，則返回和方法以上輸出與語法匹配的節點數量默認類型結果常量可以自動確定返回結果的類型。 XPath是設計用來在DOM文檔中查找節點的一種手段，因而對XML的處理也很重要。很多瀏覽器實現了這個標準，IE有自己的實現方式。 DOM3級XPath 下面的代碼是用來檢測瀏覽器是否支持DOM3級的XPath： ...

wemallshop 2019-08-19 17:38 評論0 收藏0
JavaScript JavaScript與XML——“XSLT”的注意要點

摘要：中的它不是一種正式的規范，，是的另一表現形式。是第一個支持它的。主要的功能是用來將轉換為文檔。方法用于取得當前參數的值，參數為命名空間和參數的內部名稱?？鐬g覽器使用這個函數接收兩個參數要執行轉換的上下文節點和文檔對象。 IE中的XSTL 它不是一種正式的規范，，是XPath的另一表現形式。 IE是第一個支持它的。簡單的XSTL轉換 XML文檔的方式就是將它們分別加到一個DOM文檔中...

wupengyu 2019-08-19 17:38 評論0 收藏0
JavaScript JavaScript與XML——“XSLT”的注意要點

摘要：中的它不是一種正式的規范，，是的另一表現形式。是第一個支持它的。主要的功能是用來將轉換為文檔。方法用于取得當前參數的值，參數為命名空間和參數的內部名稱。跨瀏覽器使用這個函數接收兩個參數要執行轉換的上下文節點和文檔對象。 IE中的XSTL 它不是一種正式的規范，，是XPath的另一表現形式。 IE是第一個支持它的。簡單的XSTL轉換 XML文檔的方式就是將它們分別加到一個DOM文檔中...

LeexMuller 2019-08-27 10:52 評論0 收藏0
DOM【介紹、HTML中的DOM、XML中的DOM】

摘要：的的是一個內存對象樹，在瀏覽器中只保存一份，的修改的內容會直接反應到瀏覽器中對象在眼中，是由不同類型的節點組成的，這些節點都屬性對象。那么，我們需要裝載服務器的文件或字符串到中的對象?，F在問題就是，和的裝載方式是不一樣的。什么是DOM？ DOM（Document Object Model）文檔對象模型，是語言和平臺的中立接口。。允許程序和腳本動態地訪問和更新文檔的內容。為什么要使...

meislzhua 2019-08-22 15:00 評論0 收藏0
DOM【介紹、HTML中的DOM、XML中的DOM】

摘要：的的是一個內存對象樹，在瀏覽器中只保存一份，的修改的內容會直接反應到瀏覽器中對象在眼中，是由不同類型的節點組成的，這些節點都屬性對象。那么，我們需要裝載服務器的文件或字符串到中的對象?，F在問題就是，和的裝載方式是不一樣的。什么是DOM？ DOM（Document Object Model）文檔對象模型，是語言和平臺的中立接口。。允許程序和腳本動態地訪問和更新文檔的內容。為什么要使...

tomorrowwu 2019-08-27 10:57 評論0 收藏0