jQuery如何读取XML

有时,您只需要一种简单的方法即可将XML读入JavaScript代码并从XML项目创建变量。 幸运的是,jQuery可以轻松读取xml! :)有很多可用的插件和代码片段,下面是其中的精选!

在这篇文章中,我们将介绍以下内容,以指导您完成XML的阅读选项:

  1. JavaScript XML解析
  2. jQuery XML解析
  3. 使用jQuery.get()从xml获取数据
  4. jQuery XML插件
  5. 解析XML的技巧
  6. 哪些JS函数通常无法正常工作

常规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) {}
[/js]

jQuery XML Parsing [js] $(request.responseXML).find(&quot;marker&quot;).each(function() { var marker = $(this); var point = { marker.attr("lat"), marker.attr("lng") }; });

使用jQuery.get()从xml获取数据

$('Contact',xml).each(function() {
	srno = parseInt($(this).find("srno").text());
	empId = $(this).find("empid").text();
	name = $(this).find("name").text();
	contact = $(this).find("contact-data").text();
	type = $(this).find("type").text();
}

jParse jQuery XML插件

“ jParse是一个jQuery插件,它允许您解析使用jQuery .ajax方法获取的XML(使其完全可自定义)。 它与jQuery 1.4+兼容,易于使用且超轻便,仅4KB! 最棒的是,它与所有主流浏览器兼容:”
演示版
下载
资源

解析XML的技巧

  • 尝试将xml文件的大小限制为小于5mb,以避免系统变慢(如果文件太大,您可以尝试获取xml数据并将其转换为JSON对象。有很多方法可以做到这一点,包括jQuery插件)
  • 如果您不熟悉XML语法,请查看W3School 关于XML语法规则
  • 将您的代码放入$(document).ready(function(){//此处}
  • 您可能会发现某些代码在FF中可以正常工作,但在IE中则无法工作(看来IE在jQuery处理本地文件系统上的XML的方式上存在问题。如果在服务器上上传相同的代码,它将正常工作)
  • 如果要为动态页面提取数据,请尝试在绝对路径上使用相对路径

哪些jQuery XML命令通常不起作用

var response = xmlHttp.responseText;
var sms = $(response).find('node').text();
var sms = $.parseXML(response).find('node').text();

进一步的阅读: http : //think2loud.com/reading-xml-with-jquery/

From: https://www.sitepoint.com/jquery-read-xml-plugin/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值