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+css实现侧边导航栏效果
Jun 12 jQuery
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
jquery实现倒计时小应用
Sep 19 jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
jQuery中each方法的使用详解
Mar 18 jQuery
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
jquery实现吸顶导航效果
Jan 08 jQuery
jquery实现拖拽小方块效果
Dec 10 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 sybase_fetch_array使用方法
2014/04/15 PHP
php操作XML、读取数据和写入数据的实现代码
2014/08/15 PHP
js利用div背景,做一个竖线的效果。
2008/11/22 Javascript
js日历功能对象
2012/01/12 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
JavaScript中利用各种循环进行遍历的方式总结
2015/11/10 Javascript
浅谈使用MVC模式进行JavaScript程序开发
2015/11/10 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
jQuery表单验证之密码确认
2017/05/22 jQuery
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
关于页面刷新vuex数据消失问题解决方案
2017/07/03 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
最简单的vue消息提示全局组件的方法
2019/06/16 Javascript
javascript中的this作用域详解
2019/07/15 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
JS this关键字在ajax中使用出现问题解决方案
2020/07/17 Javascript
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
Python面向对象之继承和多态用法分析
2019/06/08 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
HTML5各种头部meta标签的功能(推荐)
2017/03/13 HTML / CSS
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
什么造成了Java里面的异常
2016/04/24 面试题
银行实习人员自我鉴定
2013/09/22 职场文书
幼儿教师思想汇报
2014/01/10 职场文书
十佳教师事迹材料
2014/01/11 职场文书
安全责任书范文
2014/08/25 职场文书
观看信仰心得体会
2014/09/04 职场文书
建筑专业毕业生求职信
2014/09/30 职场文书
教师作风整顿个人剖析材料
2014/10/10 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
升学宴祝酒词
2015/08/11 职场文书
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python