用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 相关文章推荐
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
jquery 实现表单验证功能代码(简洁)
Jul 03 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
PHP 数组current和next用法分享
Mar 05 Javascript
javascript 判断两个日期之差的示例代码
Sep 05 Javascript
Javascript验证方法大全
Sep 21 Javascript
JavaScript原生数组Array常用方法
Apr 06 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
使用js实现一个简单的滚动条过程解析
Sep 10 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
jquery实现垂直手风琴导航栏
Feb 18 jQuery
鸿蒙系统中的 JS 开发框架
Sep 18 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中使用preg_replace函数匹配图片并加上链接的方法
2013/02/06 PHP
php模板原理讲解
2013/11/13 PHP
php使用pack处理二进制文件的方法
2014/07/03 PHP
PHP中使用substr()截取字符串出现中文乱码问题该怎么办
2015/10/21 PHP
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
2009/11/14 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
浅谈JavaScript之事件绑定
2013/07/08 Javascript
获取数组中最大最小值方法js代码(自写)
2013/08/12 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
聊聊Vue.js的template编译的问题
2017/10/09 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
2017/11/28 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
2019/08/28 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
[05:53]完美世界携手游戏风云打造 卡尔工作室观战系统篇
2013/04/22 DOTA
[51:06]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS Liquid
2018/03/30 DOTA
使用python提取html文件中的特定数据的实现代码
2013/03/24 Python
Python上传package到Pypi(代码简单)
2016/02/06 Python
Python在groupby分组后提取指定位置记录方法
2018/04/20 Python
windows下pycharm安装、创建文件、配置默认模板
2018/07/31 Python
Python facenet进行人脸识别测试过程解析
2019/08/16 Python
pytorch方法测试详解——归一化(BatchNorm2d)
2020/01/15 Python
Python使用Numpy模块读取文件并绘制图片
2020/05/13 Python
通过实例了解Python异常处理机制底层实现
2020/07/23 Python
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
销售工作岗位职责
2013/12/24 职场文书
人力资源职位说明书
2014/07/29 职场文书
三八妇女节超市活动方案
2014/08/18 职场文书
中学生旷课检讨书500字
2014/10/29 职场文书
校本课程教学计划
2015/01/19 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
总结高并发下Nginx性能如何优化
2021/11/01 Servers
Go归并排序算法的实现方法
2022/04/06 Golang