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 相关文章推荐
javascript OFFICE控件测试代码
Dec 08 Javascript
Javascript的闭包
Dec 31 Javascript
javascript显示上周、上个月日期的处理方法
Feb 03 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
Jun 02 Javascript
AngularJS之依赖注入模拟实现
Aug 19 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
es6学习笔记之Async函数基本教程
May 11 Javascript
vue自定义filters过滤器
Apr 26 Javascript
Vue数据双向绑定原理实例解析
May 15 Javascript
ng-alain的sf如何自定义部件的流程
Jun 12 Javascript
vue vant中picker组件的使用
Nov 03 Javascript
小程序自定义圆形进度条
Nov 17 Javascript
你不需要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 static局部静态变量和全局静态变量总结
2014/03/02 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
PHP Pipeline 实现中间件的示例代码
2020/04/26 PHP
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
javascript学习笔记(四) Number 数字类型
2012/06/19 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
2013/11/14 Javascript
javascript调试过程中找不到哪里出错的可能原因
2013/12/16 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
jquery实现具有嵌套功能的选项卡
2016/02/12 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
Vue DevTools调试工具的使用
2017/12/05 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
10行代码实现微信小程序滑动tab切换
2018/12/28 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
2019/07/25 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
Python兔子毒药问题实例分析
2015/03/05 Python
Python中基本的日期时间处理的学习教程
2015/10/16 Python
python 编程之twisted详解及简单实例
2017/01/28 Python
Python logging日志模块 配置文件方式
2020/07/12 Python
Python json格式化打印实现过程解析
2020/07/21 Python
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
从当地商店送来的杂货:Instacart
2018/08/19 全球购物
荷兰的时尚市场:To Be Dressed
2019/05/06 全球购物
个人党性剖析材料
2014/02/03 职场文书
比赛口号大全
2014/06/10 职场文书
大学计划书范文800字
2014/08/14 职场文书
个人授权委托书范本
2014/09/14 职场文书
中学生逃课检讨书
2015/02/17 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
Python os和os.path模块详情
2022/04/02 Python
JS实现刷新网页后之前浏览位置保持不变示例详解
2022/08/14 Javascript