jQ处理xml文件和xml字符串的方法(详解)

 更新时间:2016年11月22日 09:13:27   投稿:jingxian  
下面小编就为大家带来一篇jQ处理xml文件和xml字符串的方法(详解)。小编觉得挺不错的,希望对大家有所帮助。一起跟随小编过来看看吧,祝大家游戏愉快哦

1.xml文件

<?xml version="1.0" encoding="utf-8" ?> 
<root> 
  <book id="1"> 
    <name>锋利的jQuery1</name> 
    <author>XXX1</author> 
    <price>250</price> 
  </book> 
  <book id="2"> 
    <name>锋利的jQuery2</name> 
    <author>XXX2</author> 
    <price>99</price> 
  </book> 
  <book id="3"> 
    <name>锋利的jQuery3</name> 
    <author>XXX3</author> 
    <price>108</price> 
  </book> 
  <book id="4"> 
    <name>锋利的jQuery4</name>
    <author>XXX4</author> 
    <price>128</price> 
  </book> 
</root>

2.jQuery代码

window.onload = function () {
      //get解析xml文件
      $.get("1.xml", function (data) {
        $data = $(data);
        //获得节点
        var $books = $data.find("book");
        var $names = $data.find("name");
        var $authors = $data.find("author");
        //var $authors = $data.find("author") = $books.children("author") = $names.siblings("author");//获得books的子节点
        //获得属性、节点text
        //var id = $($books[0]).attr("id") = $books[0].getAttribute("id");//获得第一个book的id属性
        $authors.each(function () {
          var author_text = $(this).text(); //获得节点内部文本,尝试过用nodeValue无果(不兼容)
        })
      })
      //ajax解析xml文件
      $.ajax({
        url: "1.xml",
        dataType: "xml",
        success: function (data) {
          var $data = $(data);
          var $books = $data.find("book");
          //以下操作同上
        }
      })
    }

3.jQuery处理xml字符串

//jQuery解析xml字符串
      var xmlStr = "<root><book id='1'><name>锋利的jQuery1</name><author>XXX1</author><price>250</price></book><book id='2'><name>锋利的jQuery2</name><author>XXX2</author><price>99</price></book><book id='3'><name>锋利的jQuery3</name><author>XXX3</author><price>108</price></book><book id='4'><name>锋利的jQuery4</name><author>XXX4</author><price>128</price></book></root>";
      var $xmlDoc = $($.parseXML(xmlStr));
      var $books = $xmlDoc.find("book");
      var $names = $xmlDoc.find("name");
      alert($($names[0]).text());
      //其他操作与2相同

以上就是小编为大家带来的jQ处理xml文件和xml字符串的方法(详解)全部内容了,希望大家多多支持脚本之家~

相关文章

  • 2种jQuery 实现刮刮卡效果

    2种jQuery 实现刮刮卡效果

    这篇文章主要介绍了2种jQuery 实现刮刮卡效果,需要的朋友可以参考下
    2015-02-02
  • 分享14个很酷的jQuery导航菜单插件

    分享14个很酷的jQuery导航菜单插件

    本文介绍了14个很酷的jQuery导航菜单插件,它们够漂亮、简单,并且完全兼容各种类型的web浏览器。
    2011-04-04
  • jquery实现数字输入框

    jquery实现数字输入框

    本文主要分享了jquery实现数字输入框的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • jQuery时间验证和转换为标准格式的时间格式

    jQuery时间验证和转换为标准格式的时间格式

    本篇文章主要介绍了jQuery时间验证和转换为标准格式的时间示例代码,具有一定的参考价值,有兴趣的可以了解一下。
    2017-03-03
  • JQuery Ajax 跨域访问的解决方案

    JQuery Ajax 跨域访问的解决方案

    我们知道ajax本身实际上是通过XMLHttpRequest对象来异步进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以js跨域操作会被拒绝。
    2010-03-03
  • jQuery内容筛选选择器实例代码

    jQuery内容筛选选择器实例代码

    这篇文章主要为大家详细介绍了jQuery内容筛选选择器实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JQuery团队打造的javascript单元测试工具QUnit介绍

    JQuery团队打造的javascript单元测试工具QUnit介绍

    元测试又称为模块测试,是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。单元测试主要是用来检验程式的内部逻辑,也称为个体测试、结构测试或逻辑驱动测试。通常由撰写程式码的程式设计师负责进行。
    2010-02-02
  • 超级好用的jQuery圆角插件 Corner速成

    超级好用的jQuery圆角插件 Corner速成

    虽然圆角页面很好看,但一直以来都不太好实现,一方面是没有CSS3,二是都得通过美工切图切出来角。但这些麻烦事即将过去,就是因为它:jQuery Corner的出现!
    2014-08-08
  • JQuery之focus函数使用介绍

    JQuery之focus函数使用介绍

    focus函数可以用来发生点击某个按钮或者提交值错误等触发事件发生时把焦点给到某个元素,具体用法如下,感兴趣的朋友可以参考下
    2013-08-08
  • jQuery滚动加载图片效果的实现

    jQuery滚动加载图片效果的实现

    实现滚动加载的一个功能函数,需要的朋友可以参考一下
    2013-03-03

最新评论