最新下载
热门教程
- 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); }); } | |
相关文章
- 逆水寒手游橙戒流火幻荧什么时候上线 04-25
- 原神仆人阵容搭配推荐 04-25
- 恶意不息铁匠铺怎么升级 04-25
- 原神龙蜥特急斯库拉号成就怎么达成 04-25
- 恶意不息浅滩双子掉落什么 04-25
- 原神仆人阿蕾奇诺武器推荐 04-25