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分组验证代码
Mar 17 Javascript
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
Apr 27 Javascript
js判断客户端是iOS还是Android等移动终端的方法
Dec 11 Javascript
js判断横竖屏及禁止浏览器滑动条示例
Apr 29 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
Nov 09 Javascript
浅析JavaScript中break、continue和return的区别
Nov 30 Javascript
Es6 写的文件import 起来解决方案详解
Dec 13 Javascript
JavaScript实现鼠标点击导航栏变色特效
Feb 08 Javascript
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
javascript事件监听与事件委托实例详解
Aug 16 Javascript
基于Vue中的父子传值问题解决
Jul 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使用curl伪造浏览器访问操作示例
2019/09/30 PHP
JavaScript 的方法重载效果
2009/08/07 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
JQueryMiniUI按照时间进行查询的实现方法
2017/06/07 jQuery
浅谈react-native热更新react-native-pushy集成遇到的问题
2017/09/30 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
Vue表单及表单绑定方法
2018/09/04 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
2018/11/28 Javascript
JavaScript设计模式之代理模式实例分析
2019/01/16 Javascript
python实现红包裂变算法
2016/02/16 Python
Python数据类型详解(四)字典:dict
2016/05/12 Python
win10系统中安装scrapy-1.1
2016/07/03 Python
Django如何自定义分页
2018/09/25 Python
pyqt5、qtdesigner安装和环境设置教程
2019/09/25 Python
对django 2.x版本中models.ForeignKey()外键说明介绍
2020/03/30 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
Django如何使用redis作为缓存
2020/05/21 Python
keras Lambda自定义层实现数据的切片方式,Lambda传参数
2020/06/11 Python
python3跳出一个循环的实例操作
2020/08/18 Python
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
RIP版本1跟版本2的区别
2013/12/30 面试题
服装厂厂长职责
2013/12/16 职场文书
服装店营销方案
2014/03/10 职场文书
小学生春游活动方案
2014/08/20 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
质监局领导班子践行群众路线整改方案
2014/10/26 职场文书
初中家长意见
2015/06/03 职场文书
妈妈别哭观后感
2015/06/08 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS
centos7安装mysql5.7经验记录
2022/05/02 Servers