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 相关文章推荐
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
jQuery实现html双向绑定功能示例
Oct 09 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
jQuery实现的中英文切换功能示例
Jan 11 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
jquery css实现流程进度条
Mar 26 jQuery
jquery+css3实现的经典弹出层效果示例
May 16 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 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
与数据库连接
2006/10/09 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
探讨php中header的用法详解
2013/06/07 PHP
通过PHP设置BugFree获取邮箱通知
2019/04/25 PHP
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
javascript教程之不完整的继承(js原型链)
2014/01/13 Javascript
JavaScript基于setTimeout实现计数的方法
2015/05/08 Javascript
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
2015/08/26 Javascript
javascript每日必学之循环
2016/02/19 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
原生js的RSA和AES加密解密算法
2016/10/08 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
详解Vue 实例中的生命周期钩子
2017/03/21 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
Vue.js 时间转换代码及时间戳转时间字符串
2018/10/16 Javascript
JS中实现一个下载进度条及播放进度条的代码
2019/06/10 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
[02:32]DOTA2英雄基础教程 祸乱之源
2013/12/23 DOTA
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
将labelme格式数据转化为标准的coco数据集格式方式
2020/02/17 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
工作失职检讨书500字
2014/10/17 职场文书
2014年招生工作总结
2014/11/26 职场文书
导师对论文的学术评语
2015/01/04 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
SQL之各种join小结详细讲解
2021/08/04 MySQL