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插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 jQuery
jquery.form.js异步提交表单详解
Apr 25 jQuery
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
jQuery length 和 size()区别总结
Apr 26 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 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关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
分享php代码将360浏览器导出的favdb的sqlite数据库文件转换为html
2015/12/09 PHP
php实现多站点共用session实现单点登录的方法详解
2019/09/18 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
『jQuery』名称冲突使用noConflict方法解决
2013/04/22 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
JavaScript 学习笔记之操作符
2015/01/14 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
jQuery中的siblings()是什么意思(推荐)
2016/12/29 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
2018/01/27 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
Vue Autocomplete 自动完成功能简单示例
2019/05/25 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
[02:49]2014DOTA2电竞也是体育项目! 势要把荣誉带回中国!
2014/07/20 DOTA
初步理解Python进程的信号通讯
2015/04/09 Python
Python中使用不同编码读写txt文件详解
2015/05/28 Python
python万年历实现代码 含运行结果
2017/05/20 Python
详解python--模拟轮盘抽奖游戏
2019/04/12 Python
Python中字符串List按照长度排序
2019/07/01 Python
Python数据可视化:幂律分布实例详解
2019/12/07 Python
python实现简单日志记录库glog的使用
2019/12/13 Python
关于python中的xpath解析定位
2020/03/06 Python
Python实现AI换脸功能
2020/04/10 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
德国高尔夫商店:Par71.de
2020/11/29 全球购物
Python文件操作的面试题
2013/06/22 面试题
土木工程建筑专业毕业生求职信
2013/10/21 职场文书
宿舍卫生检讨书
2014/01/16 职场文书
2014年设计师工作总结
2014/11/25 职场文书
2015秋学期开学寄语
2015/05/28 职场文书
简述python四种分词工具,盘点哪个更好用?
2021/04/13 Python