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前台数据获取实现代码
Mar 16 Javascript
json对象转字符串如何实现
Dec 02 Javascript
jQuery使用数组编写图片无缝向左滚动
Dec 11 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
JavaScript中的parse()方法使用简介
Jun 12 Javascript
Bootstrap3 图片(响应式图片&amp;图片形状)
Jan 04 Javascript
JS基于正则实现数字千分位用逗号分隔的方法
Jun 16 Javascript
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 jQuery
基于three.js实现的3D粒子动效实例代码
Apr 09 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 Javascript
JavaScript异步操作中串行和并行
Nov 20 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报表之jpgraph柱状图实例代码
2011/08/22 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
yii框架使用分页的方法分析
2019/07/25 PHP
Avengerls vs Newbee BO3 第二场2.18
2021/03/10 DOTA
你需要知道的JavsScript可以做什么?
2007/06/29 Javascript
Js动态创建div
2008/09/25 Javascript
Javascript hasOwnProperty 方法 &amp; in 关键字
2008/11/26 Javascript
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
基于 Docker 开发 NodeJS 应用
2014/07/30 NodeJs
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
JS实现页面进入和返回定位到具体位置
2016/12/08 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
Python中使用第三方库xlutils来追加写入Excel文件示例
2015/04/05 Python
python自动12306抢票软件实现代码
2018/02/24 Python
Python提取频域特征知识点浅析
2019/03/04 Python
对Python的交互模式和直接运行.py文件的区别详解
2019/06/29 Python
树莓派升级python的具体步骤
2020/07/05 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
出门问问全球官方商城:Tichome音箱和TicWatch智能手表
2017/12/02 全球购物
泰国王权免税店官方网站:KingPower
2019/03/11 全球购物
微软加拿大官方网站:Microsoft Canada
2019/04/28 全球购物
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
德国家具折扣店:POCO
2020/02/28 全球购物
财务人员个人自荐信范文
2013/09/26 职场文书
自我鉴定模板
2013/10/29 职场文书
办公室助理岗位职责
2013/12/25 职场文书
宿舍打麻将检讨书
2014/01/24 职场文书
签约仪式主持词
2014/03/19 职场文书
出生证明公证书
2014/04/09 职场文书
2014年教育实习工作总结
2014/11/22 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers