用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 相关文章推荐
动态加载js文件 document.createElement
Oct 14 Javascript
javascript编程起步(第一课)
Jan 10 Javascript
js限制文本框为整数和货币的函数代码
Oct 13 Javascript
用jquery存取照片的具体实现方法
Jun 30 Javascript
jQuery回到顶部的代码
Jul 09 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
js实现关闭网页出现是否离开提示
Dec 07 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
vue 使用eventBus实现同级组件的通讯
Mar 02 Javascript
深入了解js原型模式
May 30 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 Javascript
vue项目中自定义video视频控制条的实现代码
Apr 26 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 Mysql类 可以参考学习熟悉下
2009/06/21 PHP
PHP 开源框架22个简单简介
2009/08/24 PHP
提升PHP性能的21种方法介绍
2013/06/25 PHP
php+js实现异步图片上传实例分享
2014/06/02 PHP
php实现映射操作实例详解
2019/10/02 PHP
window.addeventjs事件驱动函数集合addEvent等
2008/02/19 Javascript
javascript onmouseout 解决办法
2010/07/17 Javascript
jquery each()源代码
2011/02/14 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
教你用jquery实现iframe自适应高度
2014/06/11 Javascript
js发送短信倒计时的简单实现方法
2016/09/08 Javascript
Angular2表单自定义验证器的实现
2016/10/19 Javascript
利用JS实现点击按钮后图片自动切换的简单方法
2016/10/24 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
微信小程序自定义模态对话框实例详解
2017/08/16 Javascript
JavaScript使用atan2来绘制箭头和曲线的实例
2017/09/14 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
详解小程序开发经验:多页面数据同步
2019/05/18 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
js实现扫雷源代码
2020/11/27 Javascript
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
python+mysql实现个人论文管理系统
2019/10/25 Python
django实现类似触发器的功能
2019/11/15 Python
Window版下在Jupyter中编写TensorFlow的环境搭建
2020/04/10 Python
用python写爬虫简单吗
2020/07/28 Python
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
人力资源管理专业应届生求职信
2013/09/28 职场文书
2013年员工自我评价范文
2013/12/27 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
canvas实现贪食蛇的实践
2022/02/15 Javascript
spring注解 @PropertySource配置数据源全流程
2022/03/25 Java/Android
R9700摩机记
2022/04/05 无线电