码迷,mamicode.com
首页 > 其他好文 > 详细

我所认识的XPath

时间:2015-01-12 17:31:56      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

实例demo

测试demo所需要xml测试数据

<?xml version="1.0" encoding="iso-8859-1"?>
<bookstore>
  <book category="COOKING">
    <title lang="en">Everyday Italian</title>
    <author>Giada De Laurentiis</author>
    <year>2005</year>
    <price>30.00</price>
  </book>
  <book category="CHILDREN">
    <title lang="en">Harry Potter</title>
    <author>J K. Rowling</author>
    <year>2005</year>
    <price>29.99</price>
  </book>
  <book category="WEB">
    <title lang="en">XQuery Kick Start</title>
    <author>James McGovern</author>
    <author>Per Bothner</author>
    <author>Kurt Cagle</author>
    <author>James Linn</author>
    <author>Vaidyanathan Nagarajan</author>
    <year>2003</year>
    <price>49.99</price>
  </book>
  <book category="WEB">
    <title lang="en">Learning XML</title>
    <author>Erik T. Ray</author>
    <year>2003</year>
    <price>39.95</price>
  </book>
</bookstore>

测试demo HTML页面结构

    <div id="divResult">这是答案区域</div>
    <hr />
    <input id="txt" type="text" value="/bookstore/book/title" />
    <input id="btn" type="button" value="获得结果" />

测试demo js代码

        /*
        *@desc:加载xml文件
        */
        function loadXMLDoc(path) {
            if (window.XMLHttpRequest) {// code for IE
                xhttp = new XMLHttpRequest();
            }
            else {// code for Mozilla, Firefox, Opera, etc.
                xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET", path, false);
            xhttp.send("");
            return xhttp.responseXML;//返回xml结果
        }


        /*
        *@desc:通过xpath路径来获得相应的xml结果
        */
        function getXmlResultByPath(path) {
            var xml = loadXMLDoc("books.xml"),
                arrResult = [];

            // code for IE
            if (window.ActiveXObject) {
                var nodes = xml.selectNodes(path);
                for (i = 0; i < nodes.length; i++) {
                    if (nodes[i].childNodes[0] == undefined) {
                        arrResult.push(nodes[i].childNodes[0].nodeValue);
                    } else {
                        arrResult.push(nodes[i].nodeValue);
                    }
                }
            }
                // code for Mozilla, Firefox, Opera, etc.
            else if (document.implementation && document.implementation.createDocument) {
                var nodes = xml.evaluate(path, xml, null, XPathResult.ANY_TYPE, null);
                var result = nodes.iterateNext();
                while (result) {
                    if (result.childNodes[0] == undefined) {
                        arrResult.push(result.nodeValue);
                    } else {
                        arrResult.push(result.childNodes[0].nodeValue);
                    }
                    result = nodes.iterateNext();
                }
            }
            return arrResult.join(‘,‘);//结果以逗号分隔
        }


        window.onload = function () {
            btn.onclick = function () {
                divResult.innerHTML = getXmlResultByPath(document.getElementById(‘txt‘).value);
            }
        }

 

XPath简介

XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。

简单一点的说,xpath就是:

  • XPath 使用路径表达式在 XML 文档中进行导航
  • XPath 包含一个标准函数库
  • XPath 是 XSLT 中的主要元素
  • XPath 是一个 W3C 标准

XPath术语

1、节点:在 XPath 中,有七种类型的节点:元素、属性、文本、命名空间、处理指令、注释以及文档节点(或称为根节点)。

就如上面测试的xml文件为例  

<bookstore> (文档节点)
<author>J K. Rowling</author> (元素节点)
lang="en" (属性节点)

2、基本值(或称原子值,Atomic value):无父或无子的节点。

路径表达式

最基本的路径表达式

技术分享

 

对上面最基本的表达式做的实例如下:

技术分享

如果我们需要查找某个特定的节点或者包含某个指定的值的节点,这就需要谓语表达式了。谓语被嵌在方括号中。

来看一些实例:

技术分享

 

 

XPath轴

轴可定义相对于当前节点的节点集。

在Xpath中,位置路径可以是绝对的,也可以是相对的。绝对路径起始于正斜杠( / ),而相对路径不会这样。在两种情况中,位置路径均包括一个或多个步,每个步均被斜杠分割。

技术分享

那么步一般包括:

  1. (axis):定义所选节点与当前节点之间的树关系
  2. 节点测试(node-test):识别某个轴内部的节点零个或者更多
  3. 谓语(predicate):更深入地提炼所选的节点集

我们来看一下步的语法

技术分享

下面介绍一下有于轴的实例,大家可以用这些实例在我的那个demo里面进入测试来深入了解xpath

技术分享

我所认识的XPath

标签:

原文地址:http://www.cnblogs.com/elegance/p/4218728.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!