jQuery处理XML文件的几种方法


Posted in Javascript onJune 14, 2016

XML和HTML都是标记语言,语法形式非常相似,同属于一个语言体系。对于HTML的解析,我是使用jQuery非常方便,其实,我们也可以用jquery解析XML,也是同样的方便。

如果你用过Java、PHP等语言解析过XML,相信会跟我有相同的感觉,那就是很麻烦。改用jQuery来读取、分析、操作XML后,给人意想不到的轻松感。下面我们来看看使用jQuery处理XML文件的几种形式方法。

使用JavaScript常规方法解析XML

var xmlDoc = request.responseXML;
try // Build Markers, if available
{
 var markers = xmlDoc.getElementsByTagName("marker") ;
 for ( var i = 0; i < markers.length ; i++ ) {
  var point = {
   markers[i].getAttribute("lat")),
   markers[i].getAttribute("lng")
  };
 }
} catch(e) {}

使用jQuery解析XML

$(request.responseXML).find("marker").each(function() {
 var marker = $(this);
 var point = {
  marker.attr("lat"),
  marker.attr("lng")
 };
});

使用$.parseXML()解析XML

如果你已经把XML内容读到了字符串里,你可以使用$.parseXML()方法分析它:

xml = $.parseXML( $('body > pre').text() );

$(xml).find("entry").each(function() {
  var $this = $(this), 
    item = {
      Address1: $this.find("Address1").text(),
      Address2: $this.find("Address2").attr('name')
      
    }
});

以上就是本文的全部内容,希望对大家学习JavaScript程序设计有所帮助。

Javascript 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
javawscript 三级菜单的实现原理
Jul 01 Javascript
javascript简易缓动插件(源码打包)
Feb 16 Javascript
img onload事件绑定各浏览器均可执行
Dec 19 Javascript
jquery中post方法用法实例
Oct 21 Javascript
AngularJS内置指令
Feb 04 Javascript
JavaScript合并两个数组并去除重复项的方法
Jun 13 Javascript
用svg制作富有动态的tooltip
Jul 17 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
Dec 28 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
vue3.0中友好使用antdv示例详解
Jan 05 Vue.js
你不需要jQuery(三) 新AJAX方法fetch()
Jun 14 #Javascript
深入理解jQuery 事件处理
Jun 14 #Javascript
使用jquery获取url及url参数的简单实例
Jun 14 #Javascript
JS操作JSON方法总结(推荐)
Jun 14 #Javascript
JavaScript Promise 用法
Jun 14 #Javascript
Javascript基础_简单比较undefined和null 值
Jun 14 #Javascript
Javascript缓存API
Jun 14 #Javascript
You might like
PHP和XSS跨站攻击的防范
2007/04/17 PHP
php无限极分类实现的两种解决方法
2013/04/28 PHP
php+mysql查询优化简单实例
2015/01/13 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
IE innerHTML,outerHTML所引起的问题
2009/06/04 Javascript
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
javascript 学习笔记(onchange等)
2010/11/14 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
AngularJS的一些基本样式初窥
2015/07/27 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
2016/08/02 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
利用Vue实现移动端图片轮播组件的方法实例
2017/08/23 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
2018/08/16 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
JS数组Object.keys()方法的使用示例
2019/06/05 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
用webAPI实现图片放大镜效果
2020/11/23 Javascript
[05:07]DOTA2英雄梦之声_第14期_暗影恶魔
2014/06/20 DOTA
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
Python匹配中文的正则表达式
2016/05/11 Python
python3安装speech语音模块的方法
2018/12/24 Python
python设置环境变量的原因和方法
2019/06/24 Python
Python使用线程来接收串口数据的示例
2019/07/02 Python
Python HTTP下载文件并显示下载进度条功能的实现
2020/04/02 Python
基于plt.title无法显示中文的快速解决
2020/05/16 Python
基于Html5实现的语音搜索功能
2019/05/13 HTML / CSS
Blank NYC官网:夹克、牛仔裤等
2020/12/16 全球购物
市场营销专业推荐信
2013/11/03 职场文书
创伤外科专业推荐信范文
2013/11/19 职场文书
事业单位聘任报告
2015/03/02 职场文书
2015选调生工作总结
2015/07/24 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书