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+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
jquery实现简单实用的轮播器
May 23 jQuery
使用jQuery实现动态添加小广告
Jul 11 jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
原生JS与jQuery编写简单选项卡
Oct 30 jQuery
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
jquery实现垂直手风琴菜单
Mar 04 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
php split汉字
2009/06/05 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
php函数间的参数传递(值传递/引用传递)
2013/09/23 PHP
php打开远程文件的方法和风险及解决方法
2013/11/12 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
php获取当月最后一天函数分享
2015/02/02 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本
2017/04/04 PHP
javascript SocialHistory 检查访问者是否访问过某站点
2008/08/02 Javascript
Ext grid 添加右击菜单
2009/11/26 Javascript
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
2011/04/27 Javascript
详解AngularJS中的作用域
2015/06/17 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
解决Mac node版本升级失败的问题
2018/05/16 Javascript
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
js抽奖转盘实现方法分析
2020/05/16 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
2020/05/27 Javascript
微信小程序自定义顶部组件customHeader的示例代码
2020/06/03 Javascript
Python使用minidom读写xml的方法
2015/06/03 Python
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
Python实现的朴素贝叶斯算法经典示例【测试可用】
2018/06/13 Python
django中的图片验证码功能
2019/09/18 Python
Python实现栈和队列的简单操作方法示例
2019/11/29 Python
python中@contextmanager实例用法
2021/02/07 Python
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
质检部部长职责
2013/12/16 职场文书
小班重阳节活动方案
2014/02/08 职场文书
元旦促销方案
2014/03/15 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
Python正则表达式中flags参数的实例详解
2022/04/01 Python