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把获取到的input值转换成json
May 15 jQuery
最常用的jQuery表单验证(简单)
May 23 jQuery
jquery实现图片放大点击切换
Jun 06 jQuery
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
jQuery事件委托代码实践详解
Jun 21 jQuery
jquery实现购物车基本功能
Oct 25 jQuery
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
JQuery Ajax如何实现注册检测用户名
Sep 25 jQuery
jQuery实现二级导航菜单的示例
Sep 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
服务器端解压缩zip的脚本
2006/12/22 PHP
PHP表单验证的3个函数ISSET()、empty()、is_numeric()的使用方法
2011/08/22 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
firefo xml 读写实现js代码
2009/06/11 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
解决vue select当前value没有更新到vue对象属性的问题
2018/08/30 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
layui 动态设置checbox 选中状态的例子
2019/09/02 Javascript
js前端如何写一个精确的倒计时代码
2019/10/25 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
2020/05/28 Javascript
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
Python中实现对list做减法操作介绍
2015/01/09 Python
Python中http请求方法库汇总
2016/01/06 Python
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
Python2包含中文报错的解决方法
2018/07/09 Python
解决Python中回文数和质数的问题
2019/11/24 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
python-地图可视化组件folium的操作
2020/12/14 Python
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
季度思想汇报
2014/01/01 职场文书
公务员个人总结
2015/02/12 职场文书
2015年中个人总结范文
2015/03/10 职场文书
中学团支部工作总结
2015/08/13 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python
MySQL的InnoDB存储引擎的数据页结构详解
2022/03/03 MySQL
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏