用JQuery 实现AJAX加载XML并解析的脚本


Posted in Javascript onJuly 25, 2009

1,Content-Type
很多时候无法解析就是Content-Type的问题。
如果本身就是xml文件,请跳过这一步
动态生成的XML一定要将其设置为text/xml,否则默认就是text/html也就是普通的文本了。
常见语言的Content-Type设置

header("Content-Type:text/xml"); //php 
response.ContentType="text/xml" //asp 
response.setHeader("ContentType","text/xml"); //jsp

2,xml结构。
<xml一定是要封闭的>
例:
错误的XML
CODE: 
<?xml version="1.0" encoding="UTF-8"?> 
<name>zhangsan</name> 
<id>1</id> 
<name>lisi</name> 
<id>2</id> 
正确的 
CODE: 
<?xml version="1.0" encoding="UTF-8"?> 
<stulist> 
<student email="1@1.com"> 
<name>zhangsan</name> 
<id>1</id> 
</student> 
<student email="2@2.com"> 
<name>lisi</name> 
<id>2</id> 
</student> 
</stulist>

3,解析
这里引用macnie的
遍历student(这里还是用上面那个XML,子节点是student)
$.ajax({ 
url:'ajax.asp', 
type: 'GET', 
dataType: 'xml',//这里可以不写,但千万别写text或者html!!! 
timeout: 1000, 
error: function(xml){ 
alert('Error loading XML document'+xml); 
}, 
success: function(xml){ 
$(xml).find("student").each(function(i){ 
var id=$(this).children("id"); //取对象 
var id_value=$(this).children("id").text(); //取文本 
alert(id_value);//这里就是ID的值了。 
alert($(this).attr("email")); //这里能显示student下的email属性。 
//最后么输出了,这个是cssrain的写法,貌似比macnie更JQ一点 
$('<li></li>') 
.html(id_value) 
.appendTo('ol'); 
}); 
} 
});

最后补充一条:保证服务器端是utf-8的编码
Javascript 相关文章推荐
javascript下过滤数组重复值的代码
Sep 10 Javascript
ExtJs 表单提交登陆实现代码
Aug 19 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
Dec 04 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
Apr 14 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
详解Angualr 组件间通信
Jan 21 Javascript
Angular.js中angular-ui-router的简单实践
Jul 18 Javascript
Vue异步加载about组件
Oct 31 Javascript
vue.js iview打包上线后字体图标不显示解决办法
Jan 20 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
Aug 13 Javascript
Prototype Selector对象学习
Jul 23 #Javascript
Prototype 工具函数 学习
Jul 23 #Javascript
JQuery CSS样式控制 学习笔记
Jul 23 #Javascript
JQuery 学习笔记 element属性控制
Jul 23 #Javascript
JQuery 学习笔记 选择器之六
Jul 23 #Javascript
JQuery 学习笔记 选择器之五
Jul 23 #Javascript
JQuery 学习笔记 选择器之四
Jul 23 #Javascript
You might like
理解php原理的opcodes(操作码)
2010/10/26 PHP
php array_pop()数组函数将数组最后一个单元弹出(出栈)
2011/07/12 PHP
用PHP+MySQL搭建聊天室功能实例代码
2012/08/20 PHP
PHP访问数据库集群的方法小结
2016/03/14 PHP
Dom 学习总结以及实例的使用介绍
2013/04/24 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
使用AngularJS创建单页应用的编程指引
2015/06/19 Javascript
javascript类型系统——日期Date对象全面了解
2016/07/13 Javascript
js中判断变量类型函数typeof的用法总结
2016/08/09 Javascript
JS判断是否手机或pad访问实现方法
2016/12/09 Javascript
mpvue+vuex搭建小程序详细教程(完整步骤)
2018/09/30 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
[59:42]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python中实现的RC4算法
2015/02/14 Python
用Python编写一个简单的Lisp解释器的教程
2015/04/03 Python
分析Python读取文件时的路径问题
2018/02/11 Python
Python 创建空的list,以及append用法讲解
2018/05/04 Python
python:按行读入,排序然后输出的方法
2019/07/20 Python
python爬虫解决验证码的思路及示例
2019/08/01 Python
python fuzzywuzzy模块模糊字符串匹配详细用法
2019/08/29 Python
Python3 sys.argv[ ]用法详解
2019/10/24 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
tensorflow ckpt模型和pb模型获取节点名称,及ckpt转pb模型实例
2020/01/21 Python
使用Jupyter notebooks上传文件夹或大量数据到服务器
2020/04/14 Python
基于keras中的回调函数用法说明
2020/06/17 Python
Python类成员继承重写的实现
2020/09/16 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
入团者的自我评价分享
2013/12/02 职场文书
上班迟到检讨书
2014/01/10 职场文书
Nginx 路由转发和反向代理location配置实现
2021/11/11 Servers
光之国的四大叛徒:第一贝利亚导致宇宙毁灭,赛文奥特曼在榜
2022/03/18 日漫
如何通过cmd 连接阿里云服务器
2022/04/18 Servers