用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 相关文章推荐
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
各种常用的JS函数整理
Oct 25 Javascript
jquery使用ajax实现微信自动回复插件
Apr 28 Javascript
JavaScript时间转换处理函数
Apr 14 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
常用jQuery代码分享
Jul 14 Javascript
jQuery打字效果实现方法(附demo源码下载)
Dec 18 Javascript
JS上传组件FileUpload自定义模板的使用方法
May 10 Javascript
vue构建单页面应用实战
Apr 10 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
函数式编程入门实践(一)
Apr 20 Javascript
JS加载解析Markdown文档过程详解
May 19 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使用正则表达式获取图片url的方法
2015/01/16 PHP
PHP实现Javascript中的escape及unescape函数代码分享
2015/02/10 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
Confirmer JQuery确认对话框组件
2010/06/09 Javascript
javascript动态创建及删除元素的方法
2014/12/22 Javascript
jQuery中slideUp()方法用法分析
2014/12/24 Javascript
js读取csv文件并使用json显示出来
2015/01/09 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
2018/09/04 jQuery
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
selenium跳过webdriver检测并模拟登录淘宝
2019/06/12 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
Python Django view 两种return的实现方式
2020/03/16 Python
Python greenlet和gevent使用代码示例解析
2020/04/01 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
HTML5时代CSS设置漂亮字体取代图片
2014/09/04 HTML / CSS
澳大利亚制造的羊皮靴:Original UGG Boots
2017/11/13 全球购物
小学生成长感言
2014/01/30 职场文书
教育学习自我评价
2014/02/03 职场文书
农业开发项目建议书
2014/05/16 职场文书
公务员试用期满考核材料
2014/05/22 职场文书
社区领导班子四风问题原因分析及整改措施
2014/09/28 职场文书
民主生活会发言材料
2014/10/20 职场文书
银行实习推荐信
2015/03/27 职场文书
2015年幼儿园中班下学期工作总结
2015/05/22 职场文书
政协常委会议主持词
2015/07/03 职场文书
2016年七夕情人节宣传语
2015/11/25 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书
Python办公自动化之教你如何用Python将任意文件转为PDF格式
2021/06/28 Python
Java后台生成图片的完整步骤
2021/08/04 Java/Android
MySQL深分页问题解决思路
2022/12/24 MySQL