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实现前端分页功能
Mar 23 jQuery
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
jquery.validate表单验证插件使用详解
Jun 21 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
jQuery选择器之子元素选择器详解
Sep 18 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 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
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
深入解析PHP中的(伪)多线程与多进程
2013/07/01 PHP
php socket客户端及服务器端应用实例
2014/07/04 PHP
PHP中if和or运行效率对比
2014/12/12 PHP
php获取文件后缀的9种方法
2016/03/22 PHP
php array_values 返回数组的值实例详解
2016/11/17 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
使javascript也能包含文件
2006/10/26 Javascript
jquery 上下滚动广告
2009/06/17 Javascript
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
jQuery 源码分析笔记(5) jQuery.support
2011/06/19 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
JavaScript版TAB选项卡效果实例
2013/08/16 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
JavaScript中join()方法的使用简介
2015/06/09 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
2018/03/02 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
vue计算属性computed的使用方法示例
2019/03/13 Javascript
详解在网页上通过JS实现文本的语音朗读
2019/03/28 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
Python正则表达式知识汇总
2017/09/22 Python
Django使用HttpResponse返回图片并显示的方法
2018/05/22 Python
CSS实现半透明边框与多重边框的场景分析
2019/11/13 HTML / CSS
应用电子专业学生的自我评价
2013/10/16 职场文书
前台接待的工作职责
2013/11/21 职场文书
幼儿园美术教学反思
2014/01/31 职场文书
《秋游》教学反思
2014/04/24 职场文书
内勤岗位职责
2015/02/10 职场文书
个人德育工作总结
2015/03/05 职场文书
2015年行政执法工作总结
2015/05/23 职场文书
党内外群众意见范文
2015/06/02 职场文书
基于tensorflow权重文件的解读
2021/05/26 Python
带你学习MySQL执行计划
2021/05/31 MySQL