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中封装函数传递当前元素的方法示例
May 05 jQuery
jquery easyui如何实现格式化列
Jul 30 jQuery
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
jQuery-ui插件sortable实现自由拖动排序
Dec 01 jQuery
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 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数据缓存的使用说明
2013/05/10 PHP
PHP技术开发微信公众平台
2015/07/22 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
imgAreaSelect 中文文档帮助说明
2011/10/08 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
js判断游览器类型及版本号的代码
2014/05/11 Javascript
javascript轻量级模板引擎juicer使用指南
2014/06/22 Javascript
排序算法的javascript实现与讲解(99js手记)
2014/09/28 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
2014/12/08 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
BootStrap 标题设置跨行无效的解决方法
2017/10/25 Javascript
Vue.js实现列表清单的操作方法
2017/11/15 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
Vue+Element实现动态生成新表单并添加验证功能
2019/05/23 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
JavaScript实现简单验证码
2020/08/24 Javascript
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
python搭建微信公众平台
2016/02/09 Python
python 将大文件切分为多个小文件的实例
2019/01/14 Python
python ipset管理 增删白名单的方法
2019/01/14 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
教育学专业毕业生的自我评价
2013/11/21 职场文书
生产车间班组长岗位职责
2014/01/06 职场文书
团组织关系介绍信
2014/01/12 职场文书
小班重阳节活动方案
2014/02/08 职场文书
内勤主管岗位职责
2014/04/03 职场文书
超市优秀员工获奖感言
2014/08/15 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
寻找最美乡村教师观后感
2015/06/18 职场文书
小学教师读书笔记
2015/07/01 职场文书