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创建一个层当鼠标移动到层上面不消失效果
Dec 12 Javascript
jQuery 文本框得失焦点的简单实例
Feb 19 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
Dec 18 Javascript
深入分析Cookie的安全性问题
Mar 01 Javascript
浅谈JS使用[ ]来访问对象属性
Sep 21 Javascript
D3.js实现折线图的方法详解
Sep 21 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
vue.js 上传图片实例代码
Jun 22 Javascript
浅谈Angular路由守卫
Aug 26 Javascript
原生js实现拖拽功能基本思路详解
Apr 18 Javascript
Vue数据绑定简析小结
May 07 Javascript
基于elementUI竖向表格、和并列的案例
Oct 26 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初学者们头痛的十四个问题
2007/01/15 PHP
探讨各种PHP字符串函数的总结分析
2013/06/05 PHP
如何给phpcms v9增加类似于phpcms 2008中的关键词表
2013/07/01 PHP
Yii框架调试心得--在页面输出执行sql语句
2014/12/25 PHP
php猜单词游戏
2015/09/29 PHP
PHP生成各种随机验证码的方法总结【附demo源码】
2017/06/05 PHP
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
JavaScript实现时间表动态效果
2017/07/15 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
2017/07/17 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
webpack手动配置React开发环境的步骤
2018/07/02 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
基于layui的下拉列表的数据回显方法
2019/09/24 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
vue2和vue3的v-if与v-for优先级对比学习
2020/10/10 Javascript
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
Python实现的简单hangman游戏实例
2015/06/28 Python
将Python代码打包为jar软件的简单方法
2015/08/04 Python
python实现合并多个list及合并多个django QuerySet的方法示例
2019/06/11 Python
wxPython色环电阻计算器
2019/11/18 Python
python re模块匹配贪婪和非贪婪模式详解
2020/02/11 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
计算机专业学生的自我评价
2013/12/15 职场文书
《桂林山水》教学反思
2014/02/08 职场文书
2014年乡镇团委工作总结
2014/12/18 职场文书
中学生打架《检讨书》范文
2019/08/12 职场文书
Java中Dijkstra(迪杰斯特拉)算法
2022/05/20 Java/Android
html中两种获取标签内的值的方法
2022/06/10 HTML / CSS