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.load()和Jsp的include的区别
Apr 12 jQuery
jQuery选择器之属性筛选选择器用法详解
Sep 19 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
jquery实现左右轮播切换效果
Jan 01 jQuery
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jQuery 查找元素操作实例小结
Oct 02 jQuery
jQuery实时统计输入框字数及限制
Jun 24 jQuery
jQuery实现动态向上滚动
Dec 21 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实现在线阅读PDF文件的方法
2015/06/17 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
Laravel框架源码解析之入口文件原理分析
2020/05/14 PHP
js停止输出代码
2008/07/20 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
JS对象与json字符串相互转换实现方法示例
2018/06/14 Javascript
Python遍历文件夹和读写文件的实现代码
2016/08/28 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
解决Ubuntu pip 安装 mysql-python包出错的问题
2018/06/11 Python
win7下python3.6安装配置方法图文教程
2018/07/31 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
详解PyTorch中Tensor的高阶操作
2019/08/18 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
Window系统下Python如何安装OpenCV库
2020/03/05 Python
python基于opencv 实现图像时钟
2021/01/04 Python
HTML5 CSS3给网站设计带来出色效果
2009/07/16 HTML / CSS
在html5的Canvas上绘制椭圆的几种方法总结
2013/01/07 HTML / CSS
铭万公司.net面试题笔试题
2014/07/20 面试题
学校出纳员岗位职责
2014/03/18 职场文书
机械电子工程专业自荐书
2014/06/10 职场文书
大学毕业典礼演讲稿
2014/09/09 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
个人四风对照检查材料
2014/09/26 职场文书
质监局领导班子践行群众路线整改方案
2014/10/26 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
房产分割协议书范文
2014/11/21 职场文书
2014年测量员工作总结
2014/12/12 职场文书
2015仓库保管员年终工作总结
2015/05/13 职场文书
2015年中职班主任工作总结
2015/05/25 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
Java实现二分搜索树的示例代码
2022/03/17 Java/Android
配置nginx负载均衡
2022/05/06 Servers