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实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
jQuery插件之validation插件
Mar 29 jQuery
jQuery操作之效果详解
May 19 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
jQuery实现滚动效果
Nov 17 jQuery
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
jquery插件实现搜索历史
Apr 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
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
Get或Post提交值的非法数据处理
2006/10/09 PHP
用PHP开发GUI
2006/10/09 PHP
PHP 数组实例说明
2008/08/18 PHP
PHP上传图片进行等比缩放可增加水印功能
2014/01/13 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
js获取form的方法
2015/05/06 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
jQuery中hover与mouseover和mouseout的区别分析
2015/12/24 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
Javascript 实现全屏滚动实例代码
2016/12/31 Javascript
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
解决layui-open关闭自身窗口的问题
2019/09/10 Javascript
vue 动态表单开发方法案例详解
2019/12/02 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
[44:22]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第一场 11.01
2020/11/02 DOTA
Python简单计算文件夹大小的方法
2015/07/14 Python
Python Paramiko模块的安装与使用详解
2016/11/18 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
python图书管理系统
2020/04/05 Python
乐高西班牙官方商店:LEGO Shop ES
2019/12/01 全球购物
大学毕业的自我鉴定
2013/10/08 职场文书
学前教育求职自荐信范文
2013/12/25 职场文书
幼儿教师工作感言
2014/02/14 职场文书
学生会副主席竞聘书
2014/03/31 职场文书
邮政竞聘演讲稿
2014/09/03 职场文书
2014机关干部学习“焦裕禄精神”思想汇报
2014/09/19 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
六一儿童节标语
2014/10/08 职场文书
先进工作者推荐材料
2014/12/23 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python
详解Python中的进程和线程
2021/06/23 Python
CSS实现九宫格布局(自适应)的示例代码
2022/02/12 HTML / CSS
CSS3实现指纹特效代码
2022/03/17 HTML / CSS
TV动画「神渣☆爱豆」公开第一弹主视觉图
2022/03/21 日漫