用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 获取事件对象的注意点
Jul 29 Javascript
jQuery toggle()设置CSS样式
Nov 05 Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
Apr 01 Javascript
jquery ajax传递中文参数乱码问题及解决方法说明
Feb 07 Javascript
Javascript MVC框架Backbone.js详解
Sep 18 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
Jun 16 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
Angular服务Request异步请求的实例讲解
Aug 13 Javascript
js实现下拉框二级联动
Dec 04 Javascript
JavaScript如何实现元素全排列实例代码
May 14 Javascript
ES5和ES6中类的区别总结
Dec 21 Javascript
JavaScript前端面试扁平数据转tree与tree数据扁平化
Jun 14 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实现的验证码文件类实例
2015/06/18 PHP
php面向对象之反射功能与用法分析
2017/03/29 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
Mootools 1.2教程 排序类和方法简介
2009/09/15 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
2013/04/12 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
js提交form表单,并传递参数的实现方法
2016/05/25 Javascript
15位和18位身份证JS校验的简单实例
2016/07/18 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
2016/11/25 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
js断点调试经验分享
2017/12/08 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
解决layui表格的表头不滚动的问题
2019/09/04 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
python用来获得图片exif信息的库实例分析
2015/03/16 Python
详解Python中dict与set的使用
2015/08/10 Python
Django自定义插件实现网站登录验证码功能
2017/04/19 Python
Python Matplotlib库安装与基本作图示例
2019/01/09 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
FLIR美国官网:热成像, 夜视和红外摄像系统
2018/07/13 全球购物
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
美容院营销方案
2014/03/05 职场文书
共产党员承诺书
2014/03/25 职场文书
高三励志标语
2014/06/05 职场文书
债务纠纷委托书
2014/08/30 职场文书
党员对照检查材料思想汇报
2014/09/16 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
Vue详细的入门笔记
2021/05/10 Vue.js
总结Python使用过程中的bug
2021/06/18 Python
Nginx进程调度问题详解
2021/09/25 Servers
SQL Server表分区删除详情
2021/10/16 SQL Server
面试中canvas绘制图片模糊图片问题处理
2022/03/13 Javascript
win10电脑右下角输入法图标不见了?Win10右下角不显示输入法的解决方法
2022/07/23 数码科技