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

ken

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);

});

}

推荐专题

最新下载

热门教程

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

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程