用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 相关文章推荐
关于B/S判断浏览器断开的问题讨论
Oct 29 Javascript
用tip解决Ext列宽度不够的问题
Dec 13 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
May 20 Javascript
jQuery中odd选择器的定义和用法
Dec 23 Javascript
Webwork 实现文件上传下载代码详解
Feb 02 Javascript
JS日程管理插件FullCalendar中文说明文档
Feb 06 Javascript
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
vue+springmvc导出excel数据的实现代码
Jun 27 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 Javascript
JavaScript实现点击切换验证码及校验
Jan 10 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压缩HTML函数轻松实现压缩html/js/Css及注意事项
2013/01/27 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
PHP实现四种基础排序算法的运行时间比较(推荐)
2016/08/11 PHP
Javascript 的addEventListener()及attachEvent()区别分析
2009/05/21 Javascript
jQuery的实现原理的模拟代码 -1 核心部分
2010/08/01 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
2013/08/07 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
理解Javascript闭包
2013/11/01 Javascript
jquery+javascript编写国籍控件
2015/02/12 Javascript
jQuery实现切换字体大小的方法
2015/03/10 Javascript
超赞的jQuery图片滑块动画特效代码汇总
2016/01/25 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
springMVC结合AjaxForm上传文件
2016/07/12 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
通过源码分析Vue的双向数据绑定详解
2017/09/24 Javascript
JavaScript实现多重继承的方法分析
2018/01/09 Javascript
JavaScript Date对象功能与用法学习记录
2020/04/28 Javascript
python图像处理之反色实现方法
2015/05/30 Python
python django事务transaction源码分析详解
2017/03/17 Python
用Python将mysql数据导出成json的方法
2018/08/21 Python
Python collections模块使用方法详解
2019/08/28 Python
python3 实现函数写文件路径的正确方法
2019/11/27 Python
Python 实现加密过的PDF文件转WORD格式
2020/02/04 Python
django迁移文件migrations的实现
2020/03/31 Python
Python Tkinter图形工具使用方法及实例解析
2020/06/15 Python
vscode配置anaconda3的方法步骤
2020/08/08 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
一套.net面试题及答案
2016/11/02 面试题
材料加工工程求职信
2014/02/19 职场文书
幼儿园母亲节活动总结
2015/02/10 职场文书
Python echarts实现数据可视化实例详解
2022/03/03 Python
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏