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实现图片轮播效果
May 08 jQuery
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
Mar 19 jQuery
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
Apr 28 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
jQuery实现轮播图效果
Nov 26 jQuery
jQuery实现轮播图效果demo
Jan 11 jQuery
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
Jquery滑动门/tab切换实现方法完整示例
Jun 05 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 in_array 函数使用说明与in_array需要注意的地方说明
2010/04/13 PHP
Linux下安装PHP MSSQL扩展教程
2014/10/24 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
php购物车实现方法
2015/01/03 PHP
ajax请求get与post的区别总结
2013/11/04 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
jQuery文字提示与图片提示效果实现方法
2016/07/04 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
2016/08/04 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
webpack3之loader全解析
2017/10/26 Javascript
json字符串传到前台input的方法
2018/08/06 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
vue-cli3使用mock数据的方法分析
2020/03/16 Javascript
Javascript 模拟mvc实现点餐程序案例详解
2020/12/24 Javascript
[04:54]DOTA2-DPC中国联赛1月31日Recap集锦
2021/03/11 DOTA
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
python3使用SMTP发送简单文本邮件
2018/06/19 Python
Python数据类型之列表和元组的方法实例详解
2019/07/08 Python
解决安装新版PyQt5、PyQT5-tool后打不开并Designer.exe提示no Qt platform plugin的问题
2020/04/24 Python
Python爬虫开发与项目实战
2020/12/16 Python
HTML5标签使用方法详解
2015/11/27 HTML / CSS
国家助学金获奖感言
2014/01/31 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
中华美德颂演讲稿
2014/05/20 职场文书
机械工程及自动化专业求职信
2014/09/03 职场文书
学校会议通知范文
2015/04/15 职场文书
食品安全责任书范本
2015/05/09 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
五年级作文之学校的四季
2019/12/05 职场文书