最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
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)
代码如下 | 复制代码 |
|
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); }); } |
相关文章
- 《无限暖暖》天星之羽获得位置介绍 12-20
- 《流放之路2》重铸台解锁方法介绍 12-20
- 《无限暖暖》瞄准那个亮亮的成就怎么做 12-20
- 《无限暖暖》魔气怪终结者完成方法 12-20
- 《无限暖暖》曙光毛团获得位置介绍 12-20
- 《无限暖暖》日光果获得位置介绍 12-20