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 兼容鼠标滚轮事件
Apr 07 Javascript
jquery 表单下所有元素的隐藏
Jul 25 Javascript
jQuery学习笔记之jQuery选择器的使用
Dec 22 Javascript
JS实现图片剪裁并预览效果
Aug 12 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
JavaScript实现构造json数组的方法分析
Aug 17 Javascript
基于vue实现移动端圆形旋钮插件效果
Nov 28 Javascript
React Native中Mobx的使用方法详解
Dec 04 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
May 06 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 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下尝试使用GraphicsMagick的缩略图功能
2011/01/01 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
Convert Seconds To Hours
2007/06/16 Javascript
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
监控 url fragment变化的js代码
2010/04/19 Javascript
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
js代码实现随机颜色的小方块
2015/07/30 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
jQuery 常见小例汇总
2016/12/14 Javascript
bootstrap日历插件datetimepicker使用方法
2016/12/14 Javascript
JS实现改变HTML上文字颜色和内容的方法
2016/12/30 Javascript
js仿微博动态栏功能
2017/02/22 Javascript
Angular中ng-bind和ng-model的区别实例详解
2017/04/10 Javascript
JQuery.dataTables表格插件添加跳转到指定页
2017/06/09 jQuery
Ionic + Angular.js实现验证码倒计时功能的方法
2017/06/12 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
vue.js多页面开发环境搭建过程
2019/04/24 Javascript
vue分页器组件编写方法详解
2019/06/28 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
Python最基本的输入输出详解
2015/04/25 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
Python流行ORM框架sqlalchemy安装与使用教程
2019/06/04 Python
python之信息加密题目详解
2019/06/26 Python
Python shelve模块实现解析
2019/08/28 Python
Python的in,is和id函数代码实例
2020/04/18 Python
Python txt文件如何转换成字典
2020/11/03 Python
小学科学教学计划
2015/01/21 职场文书
会议欢迎词
2015/01/23 职场文书
银行自荐信范文
2015/03/25 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS
JavaScript实现优先级队列
2021/12/06 Javascript
Python利用zhdate模块实现农历日期处理
2022/03/31 Python