用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函数
Nov 20 Javascript
js返回上一页并刷新的多种实现方法
Feb 26 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
Feb 28 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
全面了解构造函数继承关键apply call
Jul 26 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
JavaScript登录记住密码操作(超简单代码)
Mar 22 Javascript
关于JavaScript语句后面的分号问题
Dec 07 Javascript
详解element上传组件before-remove钩子问题解决
Apr 08 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
May 13 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
Sep 04 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
攻克CakePHP系列二 表单数据显示
2008/10/22 PHP
php获取url参数方法总结
2014/11/13 PHP
PHP实现简单的模板引擎功能示例
2017/09/02 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
2008/08/05 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
2014/12/31 Javascript
深入浅析JavaScript中的作用域和上下文
2016/03/26 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
vue.js移动端tab组件的封装实践实例
2017/06/30 Javascript
AngularJS日程表案例详解
2017/08/15 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
JavaScript中运算符规则和隐式类型转换示例详解
2017/09/06 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
浅谈小程序globalData的那些事儿
2019/11/01 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
2020/09/14 Javascript
原生jQuery实现只显示年份下拉框
2020/12/24 jQuery
Python实现大文件排序的方法
2015/07/10 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
python实现类之间的方法互相调用
2018/04/29 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
用Python绘制漫步图实例讲解
2020/02/26 Python
使用darknet框架的imagenet数据分类预训练操作
2020/07/07 Python
AmazeUI 评论列表的实现示例
2020/08/13 HTML / CSS
班级入场式解说词
2014/02/01 职场文书
十八届三中全会感言
2014/03/10 职场文书
学期个人工作总结
2015/02/13 职场文书
贷款工资证明范本
2015/06/12 职场文书
法定代表人免职证明
2015/06/24 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
2016大学生暑期社会实践心得体会
2016/01/14 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
详解pytorch创建tensor函数
2022/03/22 Python
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL