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的固定表头和列头的代码
May 03 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
Js+php实现异步拖拽上传文件
Jun 23 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
Dec 12 Javascript
JavaScript登录记住密码操作(超简单代码)
Mar 22 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
ExtJs整合Echarts的示例代码
Feb 27 Javascript
学习jQuery中的noConflict()用法
Sep 28 jQuery
搭建一个Koa后端项目脚手架的方法步骤
May 30 Javascript
Layui选项卡制作历史浏览记录的方法
Sep 28 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
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
ext combox 下拉框不出现自动提示,自动选中的解决方法
2010/02/24 Javascript
window.open以post方式将内容提交到新窗口
2012/12/26 Javascript
JS实现简单的Canvas画图实例
2013/07/04 Javascript
js去空格技巧分别去字符串前后、左右空格
2013/10/21 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
JavaScript中实现最高效的数组乱序方法
2014/10/11 Javascript
JavaScript中的this,call,apply使用及区别详解
2016/01/29 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
2016/10/12 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
JavaScript实现动态添加Form表单元素的方法示例
2017/08/14 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
微信小程序实现消息框弹出动画
2020/04/18 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
2020/09/10 Javascript
Python GAE、Django导出Excel的方法
2008/11/24 Python
Python去掉字符串中空格的方法
2014/03/11 Python
跟老齐学Python之集合(set)
2014/09/24 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
Python环境管理virtualenv&amp;virtualenvwrapper的配置详解
2020/07/01 Python
美国最大的骑马用品零售商:HorseLoverZ
2017/01/12 全球购物
init进程的作用
2015/08/20 面试题
CNC数控操作工岗位职责
2013/11/19 职场文书
音乐教学反思
2014/02/02 职场文书
中文教师求职信
2014/02/22 职场文书
安全协议书
2014/04/23 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
幼儿园母亲节活动总结
2015/02/10 职场文书
2015年世界无烟日演讲稿
2015/03/18 职场文书
高考诚信考试承诺书
2015/04/29 职场文书
听证会主持词
2015/07/03 职场文书
2016猴年春节慰问信
2015/11/30 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书
python scipy 稀疏矩阵的使用说明
2021/05/26 Python
Win10/Win11 任务栏替换成经典样式
2022/04/19 数码科技