X-path使用方法

X-path是用来在xml中查找信息的语法，用于在xml中通过属性和节点来进行导航。因为xml实际上是用来为html更新数据的，所以一般xpath就用来提供数据路径，那么我们使用的时候就需要利用js等脚本来加载，常见方法如下,其实和Ajax是一样的套路：

首先，需要加载xml文档：

针对大多数现代浏览器的代码

var xmlhttp=new XMLHttpRequest()

针对IE5和6的代码

var xmlhttp=new ActiveXObject("Mocrosoft.XMLHTTP")

封装函数：

function loadXMLDoc(dname){
                if(window.XMLHttpRequest){
                    xhttp=new XMLHttpRequest();
                }else{
                    xhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xhttp.open("GET",dname,false);
                xhttp.send("");
                return xhttp.responseXML;
            }
            xml=loadXMLDoc("/example/xmle/books.xml");

接着，选哟选取节点

Internet Explorer使用selectNodes方法从XML文档中选取节点

xmlDoc.selectNodes(xpath);

火狐，谷歌，Opera，Safari则是使用evaluate方法

xmlDoc.evaluate(xpath,xmlDoc,null,XPathResult).ANY_TYPE,null);

下面是一个从xml中选取所有title的例子：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            //第一步加载xml文档
            function loadXMLDoc(dname){
                if(window.XMLHttpRequest){
                    xhttp=new XMLHttpRequest();
                }else{
                    xhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xhttp.open("GET",dname,false);
                xhttp.send("");
                return xhttp.responseXML;
            }
            xml=loadXMLDoc("/example/xmle/books.xml");//加载xml文档
            path="/bookstore/book/title"//定义路径
            //code for IE 
            if(window.ActiveXObject){
                var nodes=xml.selectNodes(path);//从xml中获取需要的元素
                for (i=0;i<nodes.length;i++){
                    document.write(nodes[i].childNodes[0].nodeValue);
                    document.write("<br/>");
                }
            }
            //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){
                    document.write(result.childNodes[0].nodeValue);
                    document.write("<br/>");
                }
            }
        </script>
    </body>
</html>

 

posted @ 2017-07-17 22:40  某个润滑君  阅读(2385)  评论(0)  编辑  收藏  举报