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 相关文章推荐
总结一些js自定义的函数
Aug 05 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
Feb 23 Javascript
js鼠标滑过图片震动特效的方法
Feb 17 Javascript
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
Jun 19 Javascript
动态的9*9乘法表效果的实现代码
May 16 Javascript
React组件的三种写法总结
Jan 12 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
Jun 04 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
解决VUE双向绑定失效的问题
Oct 29 Javascript
JS实现音乐钢琴特效
Jan 06 Javascript
vue.js实现双击放大预览功能
Jun 23 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
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判断变量的函数
2012/04/24 PHP
解析php中的fopen()函数用打开文件模式说明
2013/06/20 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
php正则提取html图片(img)src地址与任意属性的方法
2017/02/08 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
PHP程序员简单的开展服务治理架构操作详解(一)
2020/05/14 PHP
JQuery EasyUI 对话框的使用方法
2010/10/24 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
jQuery当鼠标悬停时放大图片的效果实例
2013/07/03 Javascript
js获得当前时区夏令时发生和终止的时间代码
2014/02/23 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
简单的分页代码js实现
2016/05/17 Javascript
深入浅析JavaScript函数前面的加号和叹号
2016/07/09 Javascript
JS中parseInt()和map()用法分析
2016/12/16 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
如何在Python函数执行前后增加额外的行为
2016/10/20 Python
python实现朴素贝叶斯分类器
2018/03/28 Python
解决nohup重定向python输出到文件不成功的问题
2018/05/11 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
python实现猜数字小游戏
2020/03/24 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
pow在python中的含义及用法
2019/07/11 Python
在python shell中运行python文件的实现
2019/12/21 Python
python新手学习可变和不可变对象
2020/06/11 Python
python如何使用腾讯云发送短信
2020/09/17 Python
Python爬虫之Selenium中frame/iframe表单嵌套页面
2020/12/04 Python
CSS3实现任意图片lowpoly动画效果实例
2017/05/11 HTML / CSS
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
个人求职信范文分享
2014/01/31 职场文书
热爱祖国演讲稿
2014/05/04 职场文书
2015年安全员工作总结范文
2015/04/22 职场文书
2015婚礼主持词开场白
2015/05/28 职场文书
新郎父亲婚礼致辞
2015/07/27 职场文书
探究Mysql模糊查询是否区分大小写
2021/06/11 MySQL
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL