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 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
Jun 29 Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 Javascript
jq checkbox 的全选并ajax传参的实例
Apr 01 Javascript
JavaScript 数组的进化与性能分析
Sep 18 Javascript
vue移动端实现红包雨效果
Jun 23 Javascript
微信小程序实现底部导航
Nov 05 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
Apr 24 Javascript
JavaScript中变量提升机制示例详解
Dec 27 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
Apr 27 Javascript
js+canvas实现画板功能
Sep 13 Javascript
jquery插件实现图片悬浮
Apr 16 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
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
javascript验证身份证完全方法具体实现
2013/11/18 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
8个超实用的jQuery功能代码分享
2015/01/08 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
简单的js表格操作
2016/09/24 Javascript
微信小程序 location API接口详解及实例代码
2016/10/12 Javascript
RGB和YUV 多媒体编程基础详细介绍
2016/11/04 Javascript
jQuery用FormData实现文件上传的方法
2016/11/21 Javascript
详解javascript中对数据格式化的思考
2017/01/23 Javascript
解决JS内存泄露之js对象和dom对象互相引用问题
2017/06/25 Javascript
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
JavaScript实现三级级联特效
2017/11/05 Javascript
jQuery 防止相同的事件快速重复触发方法
2018/02/08 jQuery
浅谈node中的cluster集群
2018/06/02 Javascript
详解angular2.x创建项目入门指令
2018/10/11 Javascript
8个有意思的JavaScript面试题
2019/07/30 Javascript
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
对Python中内置异常层次结构详解
2018/10/18 Python
Python 仅获取响应头, 不获取实体的实例
2019/08/21 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
基于opencv实现简单画板功能
2020/08/02 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
详解pycharm的python包opencv(cv2)无代码提示问题的解决
2021/01/29 Python
迪士尼英国官方商店:shopDisney UK
2019/09/21 全球购物
电子信息专业学生自荐信
2013/11/09 职场文书
中英文自我评价常用句型
2013/12/19 职场文书
毕业自我鉴定怎么写
2014/03/25 职场文书
婚前协议书范本
2014/04/15 职场文书
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技