jquery读取xml文件
有时,您只需要一种简单的方法即可将XML读入JavaScript代码并从XML项目创建变量。 幸运的是,jQuery可以轻松读取xml! :)有很多可用的插件和代码片段,下面是其中的精选!
在本文中,我们将介绍以下内容,以指导您完成XML的阅读选项:
- JavaScript XML解析
- jQuery XML解析
- 使用jQuery.get()从xml获取数据
- jQuery XML插件
- 解析XML的技巧
- 哪些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("marker").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 Synatax,请查看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/
jquery读取xml文件