可扩展标记语言XML通常用于存储各种类型的数据,它依赖于嵌套标记来创建结构。可通过许多方式从XML文件中抓取数据,jQuery有内置的功能,其使用ajax()方法,可以获取XML文件并将数据发送到一个自定义的解析函数中:
$.ajax({
type:"GET",
url:"regional_sales.xml",
dataType:"xml",
success:xmlParser
});
其中定义了解析函数xmlParser,解析器需要循环遍历每个节点,首先是使用jQuery的find()函数定位XML中的节点:
$(xml).find('region').each(function(){
在each()循环中将XML的值赋给变量,并使用这些变量构建标记,然后添加到DOM中。示例:
function xmlParser(xml){
$(xml).find('region').each(function(){
var theTerritory=$(this).find('territory').text();
var numEmployees=$(this).find('employees').text();
var theAmount=$(this).find('amount').text();
$('#sales').append('
'+theTerritory+''+numEmployees+'
$'+theAmount+'');});
}