jQuery实现的解析本地 XML 文档操作示例


Posted in jQuery onApril 30, 2020

本文实例讲述了jQuery实现的解析本地 XML 文档操作。分享给大家供大家参考,具体如下:

Create a jQuery object using an XML string and obtain the value of the title node.

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>jQuery.parseXML demo</title>
 <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<p id="someElement"></p>
<p id="anotherElement"></p>
 
<script>
var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>",
 xmlDoc = $.parseXML( xml ),
 $xml = $( xmlDoc ),
 $title = $xml.find( "title" );
 
// Append "RSS Title" to #someElement
$( "#someElement" ).append( $title.text() );
 
// Change the title to "XML Title"
$title.text( "XML Title" );
 
// Append "XML Title" to #anotherElement
$( "#anotherElement" ).append( $title.text() );
</script>
 
</body>
</html>

方法二:

/**
 * @param {String} xmlFileAddr 文件地址
 */
function parseXML(xmlFileAddr) {
    $.ajax({
      type: "GET",
      url: xmlFileAddr,
      dataType: "xml",
      success: function(data, textStatus, jqXHR){//读取成功
        console.log(data)
        // todo......
      },
      error: function(jqXHR, textStatus, errorThrown) {//读取失败时
        $.alert('解析文件失败!')
      }
    });
  }

使用方法:

<script>

  window.onload = function() {
    parseXML("./xx/xx.xml");  //文件地址
  }
</script>
jQuery 相关文章推荐
jquery append与appendTo方法比较
May 24 jQuery
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
jQuery选择器之子元素选择器详解
Sep 18 jQuery
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
jQuery实现模糊查询的方法分析
May 10 jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
jquery实现的分页显示功能示例
Aug 23 jQuery
jQuery实现飞机大战小游戏
Jul 05 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 #jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 #jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 #jQuery
jquery检测上传文件大小示例
Apr 26 #jQuery
jquery实现轮播图特效
Apr 12 #jQuery
用jQuery实现抽奖程序
Apr 12 #jQuery
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 #jQuery
You might like
php 分页类 扩展代码
2009/06/11 PHP
解决PHP程序运行时:Fatal error: Maximum execution time of 30 seconds exceeded in的错误提示
2016/11/25 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
jquery之Document元素选择器篇
2008/08/14 Javascript
JavaScript 基础问答三
2008/12/03 Javascript
javaScript实现浮点数转十六进制字符
2013/10/29 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
JavaScript脚本库编写的方法
2015/12/09 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
Javascript实现登录记住用户名和密码功能
2017/03/22 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
Vue路由之JWT身份认证的实现方法
2019/08/26 Javascript
Python中用PIL库批量给图片加上序号的教程
2015/05/06 Python
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
python判断自身是否正在运行的方法
2019/08/08 Python
Django项目中实现使用qq第三方登录功能
2019/08/13 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
python3中确保枚举值代码分析
2020/12/02 Python
Python制作运行进度条的实现效果(代码运行不无聊)
2021/02/24 Python
css3实现信纸/同学录效果的示例代码
2018/12/11 HTML / CSS
css3实现可拖动的魔方3d效果
2019/05/07 HTML / CSS
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
计算机应用毕业生自荐信
2013/10/23 职场文书
入党转预备思想汇报
2014/01/07 职场文书
天鹅的故事教学反思
2014/02/04 职场文书
青年教师培训方案
2014/02/06 职场文书
毕业生工作求职信
2014/06/30 职场文书
小学生清明节演讲稿
2014/09/05 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
html中两种获取标签内的值的方法
2022/06/16 jQuery