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 相关文章推荐
javascript编程起步(第三课)
Feb 27 Javascript
JQuery 初体验(建议学习jquery)
Apr 25 Javascript
js播放wav文件(源码)
Apr 22 Javascript
js动态创建标签示例代码
Jun 09 Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
Nov 01 Javascript
多种方式实现js图片预览
Dec 12 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
Feb 15 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
layui弹出层按钮提交iframe表单的方法
Aug 20 Javascript
如何解决webpack-dev-server代理常切换问题
Jan 09 Javascript
vue动态合并单元格并添加小计合计功能示例
Nov 26 Vue.js
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输出时间差函数代码
2013/01/28 PHP
PHP中加密解密函数与DES加密解密实例
2014/10/17 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
Zend Framework缓存Cache用法简单实例
2016/03/19 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
php封装的pdo数据库操作工具类与用法示例
2019/05/08 PHP
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
2010/03/09 Javascript
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
2014/02/12 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
jquery简单倒计时实现方法
2015/12/18 Javascript
vue2组件之select2调用的示例代码
2017/10/12 Javascript
基于vue2.0实现简单轮播图
2017/11/27 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
2019/04/17 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
python字典多条件排序方法实例
2014/06/30 Python
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
Python决策树分类算法学习
2017/12/22 Python
python使用openpyxl库修改excel表格数据方法
2018/05/03 Python
python 将字符串中的数字相加求和的实现
2019/07/18 Python
Window系统下Python如何安装OpenCV库
2020/03/05 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
python 实现的IP 存活扫描脚本
2020/12/10 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
HTML5单页面手势滑屏切换原理
2016/03/21 HTML / CSS
VIVOBAREFOOT赤脚鞋:让您的脚做自然的事情
2017/06/01 全球购物
Nike香港官网:Nike HK
2019/03/23 全球购物
文秘专业大学生求职信
2013/11/10 职场文书
离婚答辩状范文
2015/05/22 职场文书