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插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery基于闭包实现的显示与隐藏div功能示例
Jun 09 jQuery
Jquery获取radio选中值实例总结
Jan 17 jQuery
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
jquery将json转为数据字典的实例代码
Oct 11 jQuery
jquery实现直播弹幕效果
Nov 28 jQuery
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 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
火车头采集器3.0采集图文教程
2007/03/17 PHP
比file_get_contents稳定的curl_get_contents分享
2012/01/11 PHP
关于php中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
自己实现ajax封装示例分享
2014/04/01 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
javascript实例分享---具有立体效果的图片特效
2014/06/08 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
2016/11/02 Javascript
微信小程序 在线支付功能的实现
2017/03/14 Javascript
bootstrap3-dialog-master模态框使用详解
2017/08/22 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
2017/09/20 Javascript
js中的深浅拷贝问题简析
2019/05/10 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
Element MessageBox弹框的具体使用
2020/07/27 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
2020/07/31 Javascript
python下函数参数的传递(参数带星号的说明)
2010/09/19 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
python实现QQ批量登录功能
2019/06/19 Python
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2019/08/13 Python
python批量处理文件或文件夹
2020/07/28 Python
详解anaconda离线安装pytorchGPU版
2020/09/08 Python
Python+logging输出到屏幕将log日志写入文件
2020/11/11 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
html5 横向滑动导航栏的方法示例
2020/05/08 HTML / CSS
手工制作的男士奢华英国鞋和服装之家:Goodwin Smith
2019/06/21 全球购物
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
建筑工程实习自我鉴定
2013/09/19 职场文书
审核会计岗位职责
2013/11/08 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
2015年八一建军节慰问信
2015/03/23 职场文书
大学生违纪检讨书范文
2015/05/07 职场文书
Python日志模块logging用法
2022/06/05 Python