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脚本性能的优化方法
Feb 02 Javascript
关于javascript中的typeof和instanceof介绍
Dec 04 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
Dec 11 Javascript
js中onload与onunload的使用示例
Aug 25 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
js微信分享API
Oct 11 Javascript
JavaScript仿微博输入框效果(案例分析)
Dec 06 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
Jan 14 Javascript
JS函数基本定义与用法示例
Jan 15 Javascript
JS如何在数组指定位置插入元素
Mar 10 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+MYSQL实现用户的增删改查
2015/03/24 PHP
PHP获取指定日期是星期几的实现方法
2016/11/30 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
JS OOP包机制,类创建的方法定义
2009/11/02 Javascript
input的focus方法使用
2010/03/13 Javascript
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
jQuery插件expander实现图片翻转特效
2015/05/21 Javascript
前端微信支付js代码
2016/07/25 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
2017/07/17 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
Vue3不支持Filters过滤器的问题
2020/09/24 Javascript
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
2021/01/29 jQuery
整理Python最基本的操作字典的方法
2015/04/24 Python
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
Python机器学习库scikit-learn安装与基本使用教程
2018/06/25 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
python基础 range的用法解析
2019/08/23 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
python生成特定分布数的实例
2019/12/05 Python
解决Tensorflow 使用时cpu编译不支持警告的问题
2020/02/03 Python
python实现飞船大战
2020/04/24 Python
Pycharm 如何一键加引号的方法步骤
2021/02/05 Python
中学生国旗下讲话稿
2014/04/26 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
受资助学生感谢信
2015/01/21 职场文书
个人专业技术总结
2015/03/05 职场文书
公司酒会主持词
2015/07/02 职场文书
2016年国庆节假期旅游工作总结
2016/04/01 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书
Elasticsearch 聚合查询和排序
2022/04/19 Python
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server