一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery加载及解析XML文件的方法实例分析

时间:2022-06-25 17:20:12 编辑:袖梨 来源:一聚教程网

本文实例讲述了jQuery加载及解析XML文件的方法。分享给大家供大家参考,具体如下:

1、简述

XML(eXtensible Markup Language)即可扩展标记语言,与HTML一样,都是属于SGML标准通用语言。

2、 Content-Type

很多情况下XML文件不能正常解析都是由于Content-Type没有设置好。如果Content-Type本身就是一个XML文件则不需要设置;如果是由后台程序动态生成的,那么就需要设置Content-Type为“text/xml”,否则jQuery会以默认的“text/html”方式处理,导致解析失败。以下是几种常见语言中设置Content-Type的方式。

 代码如下 复制代码
header("Content-Type:text/xml");     //PHP
response.ContentType = "text/xml";   //ASP
response.setContentType("text/xm");  //JSP

3、创建实例XML文档(Student.xml)

 

 代码如下 复制代码

 

  peter

  1

 

 

  ken

  2

 

 

4、获取XML

 

 代码如下 复制代码

$(document).ready(function() {

  $.ajax({

    url:'/xml/Student.xml',

    type:'GET',

    dataType:'xml',

    timeout: 1000,//设定超时

    cache:false, //禁用缓存

    error:function(xml) {

      alert("加载XML文档出错!");

    },

    success: GetStudentComplete //设置成功后回调函数

  });

});

 

通过JQuery的Ajax函数进行读取。

5、 解释XML

 

 代码如下 复制代码

//获取XML成功后回调函数

functionGetStudentComplete(xml) {

  $(xml).find("student").each(function(i) {  //查找所有student节点并遍历

    varid = $(this).children("id");    //获得子节点

    varid_vaule = id.text();        //获取节点文本

    varemail_vaule = $(this).attr("email");//获取节点的属性

    alert(id_vaule);

    alert(email_vaule);

  });

}

 

热门栏目