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怎样实现ajax联动框(二)
Mar 08 Javascript
JQuery实现用户名无刷新验证的小例子
Mar 22 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
Apr 07 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
Mar 03 Javascript
Bootstrap警告框(Alert)插件使用方法
Mar 21 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
Aug 14 Javascript
JS数组中对象去重操作示例
Jun 04 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
Vue Router中应用中间件的方法
Aug 06 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
第七节--类的静态成员
2006/11/16 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
jQuery操作json常用方法示例
2017/01/04 Javascript
BootStrap3中模态对话框的使用
2017/01/06 Javascript
jQuery使用方法
2017/02/04 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
2018/08/24 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
2019/09/12 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
python快速查找算法应用实例
2014/09/26 Python
wxPython学习之主框架实例
2014/09/28 Python
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
Python爬虫:Request Payload和Form Data的简单区别说明
2020/04/30 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
一款纯css3实现的非常实用的鼠标悬停特效演示
2014/11/05 HTML / CSS
期末自我鉴定
2014/01/23 职场文书
情人节活动策划方案
2014/02/27 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
2014年惩防体系建设工作总结
2014/12/01 职场文书
小学教师师德师风自我评价
2015/03/04 职场文书
寒假生活随笔
2015/08/15 职场文书
2016年村党支部公开承诺书
2016/03/24 职场文书
公司晚会主持词
2019/04/17 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
创业计划书之密室逃脱
2019/11/08 职场文书
Django drf请求模块源码解析
2021/06/08 Python
使用Springboot实现健身房管理系统
2021/07/01 Java/Android
HTML基本元素标签介绍
2022/02/28 HTML / CSS
我收到了德劲DE1107
2022/04/05 无线电
纯CSS实现一个简单步骤条的示例代码
2022/07/15 HTML / CSS