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 相关文章推荐
setTimeout 不断吐食CPU的问题分析
Apr 01 Javascript
解决Extjs上传图片无法预览的解决方法
Mar 22 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
Aug 24 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
Sep 18 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
bootstrap table表格插件使用详解
May 08 Javascript
说说AngularJS中的$parse和$eval的用法
Sep 14 Javascript
微信小程序实现tab左右切换效果
Nov 15 Javascript
回顾Javascript React基础
Jun 15 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
Vue-resource安装过程及使用方法解析
Jul 21 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
codeigniter教程之上传视频并使用ffmpeg转flv示例
2014/02/13 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
PHP+MYSQL会员系统的开发实例教程
2014/08/23 PHP
php中__toString()方法用法示例
2016/12/07 PHP
Laravel核心解读之异常处理的实践过程
2019/02/24 PHP
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
Javascript selection的兼容性写法介绍
2013/12/20 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
在浏览器中打开或关闭JavaScript的方法
2015/06/03 Javascript
javascript实现2016新年版日历
2016/01/25 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
jQuery中$.ajax()方法参数解析
2016/10/22 Javascript
Vue2递归组件实现树形菜单
2017/04/10 Javascript
Vue.use源码分析
2017/04/22 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
2019/04/30 Javascript
jquery实现穿梭框功能
2021/01/19 jQuery
VUE实现吸底按钮
2021/03/04 Vue.js
python解析xml文件实例分享
2013/12/04 Python
纯Python开发的nosql数据库CodernityDB介绍和使用实例
2014/10/23 Python
Python实现通过文件路径获取文件hash值的方法
2017/04/29 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
python 对key为时间的dict排序方法
2018/10/17 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
python批量生成条形码的示例
2020/10/10 Python
Python中全局变量和局部变量的理解与区别
2021/02/07 Python
Html5嵌入钉钉的实现示例
2020/06/04 HTML / CSS
英国美术用品购物网站:Cass Art
2019/10/08 全球购物
如何开发一个JQuery插件
2016/07/28 面试题
资深生产主管自我评价
2013/09/22 职场文书
医药专业推荐信
2013/11/15 职场文书
2014年政工师工作总结
2014/12/18 职场文书
小学校本教研总结
2015/08/13 职场文书
商业计划书范文
2019/04/24 职场文书
创业计划书之酒店
2019/08/30 职场文书