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卸载全部事件的思路详解
Apr 03 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
jQuery实现的简单无刷新评论功能示例
Nov 08 jQuery
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
jQuery获取随机颜色的实例代码
May 21 jQuery
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
jQuery事件委托代码实践详解
Jun 21 jQuery
jquery传参及获取方式(两种方式)
Feb 13 jQuery
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
jQuery中event.target和this的区别详解
Aug 13 jQuery
jQuery实现动态操作table行
Nov 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控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
PHP 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
PHP添加Xdebug扩展的方法
2014/02/12 PHP
PHP实现的DES加密解密封装类完整实例
2017/04/29 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
PHP中CURL的几个经典应用实例
2015/01/23 Javascript
原生js结合html5制作小飞龙的简易跳球
2015/03/30 Javascript
nodejs简单实现中英文翻译
2015/05/04 NodeJs
基于JavaScript实现全屏透明遮罩div层锁屏效果
2016/01/26 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
2017/07/28 Javascript
推荐10款扩展Web表单的JS插件
2017/12/25 Javascript
jquery+php后台实现省市区联动功能示例
2019/05/23 jQuery
JavaScript判断浏览器运行环境的详细方法
2019/06/30 Javascript
解决layui数据表格排序图标被超出的表头挤出去的问题
2019/09/19 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
python实现批量修改图片格式和尺寸
2018/06/07 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
Python离线安装PIL 模块的方法
2019/01/08 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
GoDaddy英国:全球排名第一的域名注册商
2018/06/08 全球购物
行政前台岗位职责
2013/12/04 职场文书
高中军训感言200字
2014/02/23 职场文书
现金出纳岗位职责
2014/03/15 职场文书
高中学生期末评语
2014/04/25 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
债务授权委托书范本
2014/10/17 职场文书
长江七号观后感
2015/06/11 职场文书
高中地理教学反思
2016/02/19 职场文书
周一早安温馨问候祝福语!
2019/07/15 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书
nginx配置虚拟主机的详细步骤
2021/07/21 Servers
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript
MYSQL 运算符总结
2021/11/11 MySQL
python 单机五子棋对战游戏
2022/04/28 Python