Jquery操作Xml

Jquery1.2开始不再支持XPath表达式。

<?xml version="1.0" encoding="utf-8" ?>
<catalog>
          <book format="trade">
                    <name>Jennifer Government</name>
                    <author>Max Barry</author>
                    <price curr="CAD">15.00</price>
                    <price curr="USD">12.00</price>
          </book>
          <book format="trade">
                    <name>xennifer xovernment</name>
                    <author>xax Barry</author>
                    <price curr="CAD">18.00</price>
                    <price curr="USD">12.00</price>
          </book>
          <book format="textbook">
                    <name>Unity Game Development Essentials</name>
                    <author>Will Goldstone</author>
                    <price curr="CAD">52.00</price>
                    <price curr="USD">45.00</price>
          </book>

<book format="textbook">
                    <name>UNIX Visual QuickPro</name>
                    <author>Chris Herborth</author>
                    <price curr="CAD">15.00</price>
                    <price curr="USD">10.00</price>
          </book>
</catalog>

xml

$(document).ready(function () {
    $.ajax({
        url: "/Test.xml",
        dataType: "xml",
        type: "get",
        success: function (xml) {                
            var books = $(xml).find("book[format='trade']");
            books.each(function (index, item) {
                var json = {
                    name: $(this).children("name").text(),
                    author: $(this).children("author").text(),
                    priceCAD: $(this).children("price[curr='CAD']").text(),
                    priceUSD: $(this).children("price[curr='USD']").text()
                };
                var jsonStr = $.param(json);//序列化json
                $("#box").append("<div>" + jsonStr + "</div>");
            });                
        },
        error: function () {
            alert('未能正确加载该文件')
        }
    });
});

XPath路径表达式

XPath路径表达式用于在XML文档中查找节点,对节点进行遍历操作。

基本概念

1.一份XML文档分元素、属性、文本(原子值,文本节点没有任何祖先节点)、命名空间、处理指令、注释以及文档节点(根节点),节点以Node表示,父(Parent)、子(Children)、兄弟(Sibling)、祖先(Ancestor)、后代(Descendant)。属性节点是作为元素节点的子节点,而文本节点则不属于元素节点的子节点。

2.nodeValue(节点值) | nodeType(节点类型) | nodeName(节点名称) | textContent(节点包含的文本)

属性节点的nodeValue是属性的值。文本节点的nodeValue是文本自身。文本节点的nodeName永远返回#text,元素节点没有nodeValue。

例子

<?xml version="1.0" encoding="utf-8" ?>
<catalog>
          <book format="trade" id="res">
                    <name>Jennifer Government</name>
                    <author>Max Barry</author>
                    <price curr="CAD" >15.00</price>
                    <price curr="USD">12.00</price>
          </book>
          <book format="trade" id="rxes">
                    <name>xennifer xovernment</name>
                    <author>xax Barry</author>
                    <price curr="CAD">18.00</price>
                    <price curr="USD">12.00</price>
          </book>
          <book format="textbook">
                    <name>Unity Game Development Essentials</name>
                    <author>Will Goldstone</author>
                    <price curr="CAD">52.00</price>
                    <price curr="USD">45.00</price>
          </book>

<book format="textbook">
                    <name>UNIX Visual QuickPro</name>
                    <author>Chris Herborth</author>
                    <price curr="CAD">15.00</price>
                    <price curr="USD">10.00</price>
          </book>
          <x>
                    <book format="xxxxx">
                              <name>xxxxx</name>
                              <author>xxxxx</author>
                              <price curr="CAD">xxxxx</price>
                              <price curr="USD">xxxxx</price>
                    </book>
          </x>
</catalog>

xml

// 加载xml文档
function loadXML(xmlFile) {
    var xmlDoc;
    if (window.ActiveXObject) {
        xmlDoc = new ActiveXObject('Microsoft.XMLDOM');//IE浏览器
        xmlDoc.async = false;
        xmlDoc.load(xmlFile);
    }
    else if (isFirefox = navigator.userAgent.indexOf("Firefox") > ) { //火狐浏览器
        //else if (document.implementation && document.implementation.createDocument) {//这里主要是对谷歌浏览器进行处理
        xmlDoc = document.implementation.createDocument('', '', null);
        xmlDoc.load(xmlFile);
    }
    else { //谷歌浏览器
        var xmlhttp = new window.XMLHttpRequest();
        xmlhttp.open("GET", xmlFile, false);
        xmlhttp.send(null);
        if (xmlhttp.readyState == ) {
            xmlDoc = xmlhttp.responseXML.documentElement;
        }
    }
    return xmlDoc;
}

//根据指定的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;
    }
}

加载和选取Xml节点的函数

$(document).ready(function () {
    var xml = loadXML("/Test.xml");
    var xPath = "/catalog/book"; //获取根catalog节点下面的所有book子节点
    var books = selectNodes(xml, xPath);
    books.forEach(function (item, index, books) {
        alert(item.textContent);//当前节点包含的所有原子值(文本)     
        //alert(item.nodeName); 
        //alert(item.nodeType);
        //alert(item.nodeValue);
    });
});

规则

/*注意*/
/*xPath表达式获取的默认都是节点的集合*/
/*如果表达式起始以/开头,则表示节点的绝对路径,
如果以//开头,则表示无视嵌套层级关系(无视路径),
如果不以/开始,则表示获取所有最上层的指定的节点
/..表示当前节点的父节点
*/ /*路径表达式,路径表达式只能获取元素节点,如果要获取属性节点,则使用谓词,获取文本节点则使用node.textContent*/
//用于提取节点
var xPath = "/catalog"; //获取根节点
var xPath = "book"; //获取处于最顶层(相对而言)的所有book节点,如上面的xml文档中的x节点下的book将不会被获取
var xPath = "/catalog/book"; //获取根catalog节点下面的所有book子节点
var xPath = "/catalog/book/."; //获取根catalog节点下面的所有book节点
var xPath = "/catalog/book/.."; //获取根catalog节点下面的所有book节点的父节点,在此例子中是获取根
var xPath = "//book"; //获取文档中所有的book节点,双斜杠表示不从根开始,无视嵌套的层级获取文档中所有指定的节点,不管节点处于怎样的位置,只要在文档中就会被获取   
var xPath = "book//name";//获取book节点下的所有的name子节点,无视name的嵌套层级 /*谓词,这些谓词都可以搭配以上的路径表达式*/
//用于进一步过滤节点
var xPath = "/catalog/book[1]"; //第一个
var xPath = "/catalog/book[last()]"; //最后一个
var xPath = "/catalog/book[last()-1]"; //倒数第二个
var xPath = "/catalog/book[position()<3]"; //靠前的两个
var xPath = "/catalog/book[@format]"; //必须具有format属性
var xPath = "/catalog/book[@format='trade']"; //必须具有format属性且值为trade 
var xPath = "*"; //所有节点
var xPath = "@*"; //所有属性节点
var xPath = "/catalog/book[price>30.00]"; //获取book节点,但book包含的price节点所包含的文本必须>30.00
var xPath = "/catalog/book[price>30.00]/title"; //获取book下的title节点,但book包含的price节点所包含的文本必须>30.00
var xPath = "/catalog/book/price | /catalog/book/name"; //和 ,集合会按顺序先存储price,再存储name
var xPath = "/catalog/book/price | //name"; //和,集合会按顺序先存储price,再存储文档中无视嵌套层级的name /*轴,这些轴都可以搭配以上的路径表达式*/
var xPath = "/catalog/book/price/ancestor::book"; //祖先元素节点,获取price的祖先元素节点book    
var xPath = "/catalog/book/descendant::price"; //后代元素节点,获取book的后代元素节点price    
var xPath = "/catalog/book/ancestor-or-self::book"; //祖先元素节点以及自身,获取book的祖先元素节点以及自身
var xPath = "/catalog/book/child::*"; //所有子元素节点
var xPath = "/catalog/book/child::price"; //子元素节点,子元素节点必须是price
var xPath = "/catalog/book/child::*/child::price"; //所有子元素节点的子元素,子元素必须是price
var xPath = "/catalog/book/child::node()"; //所有子节点
var xPath = "/catalog/book/price/attribute::*"; //price的所有属性节点
var xPath = "/catalog/book/price/child::text()"; //price的所有文本节点
var xPath = "/catalog/book/price[text()='12.00']"; //price包含的文本=12.00的文本节点
var xPath = "/catalog/book[starts-with(@id,'r')] "; //具有id属性且id属性的值以r开头的book元素节点,此方法只能用于属性节点
var xPath = "/catalog/book[contains(@id,'e')] "; //具有id属性且id属性的值包含了e字符的book元素节点 此方法只能用于属性节点 /*运算符,这些运算符都可以搭配以上的路径表达式*/
//+、-、*、div、=、!=、<、>、<=、>=、and、mod
var xPath = "/catalog/book[price div 2 > 10 ]"; //按计算结果获取book元素节点,条件:price所包含的文本÷2>10的book节点。

ASP.NET MVC - XML节点查找的更多相关文章

  1. 在你的ASP.NET MVC中使用查找功能

    在程序中,使用查找功能是少之不了.今天在ASP.NET环境下演示一回. 在cshtml视图中,有三个文本框,让用户输入关键词,然后点击最右连的“搜索”铵钮,如果有结果将显示于下面. Html: 表格放 ...

  2. asp.net MVC 路由机制

    1:ASP.NET的路由机制主要有两种用途: -->1:匹配请求的Url,将这些请求映射到控制器 -->2:选择一个匹配的路由,构造出一个Url 2:ASP.NET路由机制与URL重写的区 ...

  3. asp.net MVC 路由机制 Route

    1:ASP.NET的路由机制主要有两种用途: -->1:匹配请求的Url,将这些请求映射到控制器 -->2:选择一个匹配的路由,构造出一个Url 2:ASP.NET路由机制与URL重写的区 ...

  4. 路由 - ASP.NET MVC 4 系列

           软件开发人员常常对一些细小的细节问题倍加关注,由其在考虑源代码的质量和结构时更是如此.因此,当遇到大部分使用 ASP.NET 技术构建的站点,使用如下的 URL 地址时,可能会有些奇怪: ...

  5. ASP.NET MVC 学习笔记-2.Razor语法 ASP.NET MVC 学习笔记-1.ASP.NET MVC 基础 反射的具体应用 策略模式的具体应用 责任链模式的具体应用 ServiceStack.Redis订阅发布服务的调用 C#读取XML文件的基类实现

    ASP.NET MVC 学习笔记-2.Razor语法   1.         表达式 表达式必须跟在“@”符号之后, 2.         代码块 代码块必须位于“@{}”中,并且每行代码必须以“: ...

  6. asp.net mvc后台操作之读写xml控制首页动态页面开关显示

    一.背景 在asp.net mvc项目里,用户需要开拓几个活动版面,并以侧栏的方式呈现在首页右侧,几个活动时间不一致,为避免浏览者在活动未开放之时进入未开放的服务页面.因此不仅需要在活动代码中加入限制 ...

  7. ASP.NET MVC读取XML并使用ViewData显示

    看到网上一个网友问及,无法获取XML某一个节点内容.下面Insus.NET在ASP.NET MVC环境下实现它. 先把XML文件放入App_Data目录,当然你可以放在自建目录中.打开看看它有几层,几 ...

  8. Asp.net mvc返回Xml结果,扩展Controller实现XmlResult以返回XML格式数据

    我们都知道Asp.net MVC自带的Action可以有多种类型,比如ActionResult,ContentResult,JsonResult……,但是很遗憾没有支持直接返回XML的XmlResul ...

  9. 答:SQLServer DBA 三十问之一: char、varchar、nvarchar之间的区别(包括用途和空间占用);xml类型查找某个节点的数据有哪些方法,哪个效率高;使用存储 过程和使用T-SQL查询数据有啥不一样;

    http://www.cnblogs.com/fygh/archive/2011/10/18/2216166.html 1. char.varchar.nvarchar之间的区别(包括用途和空间占用) ...

随机推荐

  1. redis4.0.6集群搭建

    文件环境:CentOS7 + redis4.0.6 先去官网下载redis:https://redis.io/,然后上传到你的虚拟机,我上传到了/mysoft 先解压->然后进入主目录-> ...

  2. 洛谷 P1879 玉米田(状压DP入门题)

    传送门 https://www.cnblogs.com/violet-acmer/p/9852294.html 题解: 相关变量解释: int M,N; int plant[maxn][maxn];/ ...

  3. c#大文件的拷贝

    using System.IO; namespace 数据流 { class Demo2 { private string _strSourcePath = @"D:\httpd-2.4.3 ...

  4. HTML学习笔记Day5

    一.CSS属性 1.文本溢出是否“...”显示属性:text-overflow:clip(不显示省略标记)/ellipsis(文本溢出时“...”显示) 定义此属性有四个必要条件:1)须有容器宽度:w ...

  5. iostat 磁盘io分析工具

    一:简介 iostat(I/O statistics)输入输出缩写,用来动态监视系统的磁盘操作活动.它能监视磁盘的活动统计情况,同时也能监视CPU的活动情况.缺点是,iostat不能对某一个具体的进程 ...

  6. Linux如何查看机器的配置信息

    Linux如何查看机器的配置信息 1.查看内存信息 cat /proc/meminfo [root@web ~]# cat /proc/meminfo MemTotal: kB MemFree: kB ...

  7. mysql的使用

    数据库操作: 1)创建数据库和删除数据库 使用普通用户,你可能需要特定的权限来创建或者删除 MySQL 数据库,root用户拥有最高权限,可以使用 mysqladmin 命令来创建数据库: mysql ...

  8. JAVA核心技术I---JAVA基础知识(package和import)

    一:package 所有的Java类都是放置在同一个目录下面的,因此类之间的相互调用无需显式声明调用. –同一个目录下,两个类的名字不能相同 –文件过多,查找和修改都不易,且容易出 Java支持多个目 ...

  9. vue this.$router.push和this.$route.path的区别

    this.$router 实际上就是全局路由对象任何页面都可以调用 push(), go()等方法: this.$route  表示当前正在用于跳转的路由器对象,可以调用其name.path.quer ...

  10. js实现table用鼠标改变td的宽度,固定table宽度和高度超过显示点

    <!DOCTYPE HTML> <html> <head> <meta charset="gbk"> <title>ta ...