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


Posted in Javascript onNovember 22, 2016

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字符串的方法(详解)全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jquery.validate使用攻略 第三部
Jul 01 Javascript
jQuery基于cookie实现的购物车实例分析
Dec 24 Javascript
详解Angularjs中的依赖注入
Mar 11 Javascript
Bootstrap布局方式详解
May 27 Javascript
微信小程序  Mustache语法详细介绍
Oct 27 Javascript
jQuery实现的简单悬浮层功能完整实例
Jan 23 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
微信小程序 弹幕功能简单实例
Feb 14 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
Sep 10 Javascript
js操作二进制数据方法
Mar 03 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
Jul 24 Javascript
微信小程序methods中定义的方法互相调用的实例代码
Aug 07 Javascript
js字符串操作总结(必看篇)
Nov 22 #Javascript
JavaScript的兼容性与调试技巧
Nov 22 #Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 #Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 #Javascript
老生常谈原生JS执行环境与作用域
Nov 22 #Javascript
JS中位置与大小的获取方法
Nov 22 #Javascript
javascript中Date对象的使用总结
Nov 21 #Javascript
You might like
PHP+DBM的同学录程序(2)
2006/10/09 PHP
PHP 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
2009/01/30 PHP
linux iconv方法的使用
2011/10/01 PHP
PHP7变量处理机制修改
2021/03/09 PHP
一个原生的用户等级的进度条
2010/07/03 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
package.json文件配置详解
2017/06/15 Javascript
js中less常用的方法小结
2017/08/09 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
详解在React里使用&quot;Vuex&quot;
2018/04/02 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
2018/06/12 Javascript
微信小程序收藏功能的实现代码
2018/06/12 Javascript
对Vue beforeRouteEnter 的next执行时机详解
2018/08/25 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
python实现统计代码行数的方法
2015/05/22 Python
Python下rrdtool模块的基本使用方法
2015/11/13 Python
Python利用递归和walk()遍历目录文件的方法示例
2017/07/14 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
利用arcgis的python读取要素的X,Y方法
2018/12/22 Python
python入门之井字棋小游戏
2020/03/05 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
老生常谈CSS中的长度单位
2016/06/27 HTML / CSS
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
三个Unix的命令面试题
2015/04/12 面试题
毕业自我评价
2014/02/05 职场文书
趣味运动会活动方案
2014/02/12 职场文书
六年级学生评语
2014/04/22 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
财务工作个人总结
2015/02/27 职场文书
中学社团活动总结
2015/05/07 职场文书
只需要100行Python代码就可以实现的贪吃蛇小游戏
2021/05/27 Python
灵能百分百第三季什么时候来?
2022/03/15 日漫
Python内置数据类型中的集合详解
2022/03/18 Python
SpringBoot使用AOP实现统计全局接口访问次数详解
2022/06/16 Java/Android