用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 07 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
jquery实现可拖拽弹出层特效
Jan 04 Javascript
JS实现图片产生波纹一样flash效果的方法
Feb 27 Javascript
JS实现身份证输入框的输入效果
Aug 21 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
Aug 09 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
Feb 21 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 Javascript
ES6 新增的创建数组的方法(小结)
Aug 01 Javascript
通过javascript实现扫雷游戏代码实例
Feb 09 Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 Javascript
基于JavaScript实现轮播图效果
Jan 02 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遍历所有文件及文件夹的方法深入解析
2013/06/08 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
Laravel5框架添加自定义辅助函数的方法
2018/08/01 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
jquery tools系列 expose 学习
2009/09/06 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
js倒计时抢购实例
2015/12/20 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
实现高性能JavaScript之执行与加载
2016/01/30 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
2017/06/26 Javascript
jsTree事件和交互以及插件plugins详解
2017/08/29 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
2018/02/26 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
vue项目中播放rtmp视频文件流的方法
2020/09/17 Javascript
Ant design vue中的联动选择取消操作
2020/10/31 Javascript
[01:23:24]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第三场 2月7日
2021/03/11 DOTA
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
Python中浅拷贝copy与深拷贝deepcopy的简单理解
2018/10/26 Python
实例讲解Python3中abs()函数
2019/02/19 Python
安装2019Pycharm最新版本的教程详解
2019/10/22 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
Python更新所有已安装包的操作
2020/02/13 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
学习雷锋活动总结
2014/04/29 职场文书
护士辞职信怎么写
2015/02/27 职场文书
用电申请报告范文
2015/05/18 职场文书
Python 阶乘详解
2021/10/05 Python
Ruby处理CSV数据方法详解
2022/04/18 Ruby
浅谈Redis缓冲区机制
2022/06/05 Redis
uniapp开发打包多端应用完整方法指南
2022/12/24 Javascript