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 相关文章推荐
yepnope.js 异步加载资源文件
Sep 08 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
Jun 13 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
form表单只提交数据而不进行页面跳转的解决方案
Sep 18 Javascript
JS实现根据出生年月计算年龄
Jan 10 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
Dec 18 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
Aug 02 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
详解JSONObject和JSONArray区别及基本用法
Oct 25 Javascript
vue中mint-ui的使用方法
Apr 04 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
Aug 27 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目录与文件操作
2011/12/30 PHP
php设置编码格式的方法
2013/03/05 PHP
析构函数与php的垃圾回收机制详解
2013/10/28 PHP
smarty模板引擎之分配数据类型
2015/03/30 PHP
PHPMailer使用QQ邮箱实现邮件发送功能
2017/08/18 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
Javascript window对象详解
2014/11/12 Javascript
浅析javascript 定时器
2014/12/23 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
2015/08/28 Javascript
javascript省市级联功能实现方法实例详解
2015/10/20 Javascript
JQuery核心函数是什么及使用方法介绍
2016/05/03 Javascript
js仿手机页面文件下拉刷新效果
2016/10/14 Javascript
详解vue过滤器在v2.0版本用法
2017/06/01 Javascript
jQuery制作input提示内容(兼容IE8以上)
2017/07/05 jQuery
简单实现vue中的依赖收集与响应的方法
2019/02/18 Javascript
python合并文本文件示例
2014/02/07 Python
python实现的简单猜数字游戏
2015/04/04 Python
Python中使用ElementTree解析XML示例
2015/06/02 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
深入浅析Python的类
2018/06/22 Python
Python 中的lambda函数介绍
2018/10/10 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
python使用SQLAlchemy操作MySQL
2020/01/02 Python
Python自动化xpath实现自动抢票抢货
2020/09/19 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
中专毕业生自荐信
2013/11/16 职场文书
建筑个人求职信范文
2014/01/25 职场文书
致标枪运动员广播稿
2014/02/06 职场文书
自我鉴定总结
2014/03/24 职场文书
2014年合同管理工作总结
2014/12/02 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
nginx配置虚拟主机的详细步骤
2021/07/21 Servers
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏