赵工的个人空间


网络课堂部分转网页计算部分转编程演练

 JS函数库使用技巧

首页 > 网络课堂 > JS函数库使用技巧 > jQuery解析xml文件
jQuery解析xml文件

可扩展标记语言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('<tr><td>'+theTerritory+'</td><td>'+
      numEmployees+'</td><td>$'+theAmount+'</td></tr>');

  });
}

Copyright@dwenzhao.cn All Rights Reserved   备案号:粤ICP备15026949号
联系邮箱:dwenzhao@163.com  QQ:1608288659