用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 相关文章推荐
使用npm发布Node.JS程序包教程
Mar 02 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
Aug 23 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
Aug 25 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
JS前端加密算法示例
Dec 22 Javascript
jquery+ajax实现省市区三级联动效果简单示例
Jan 04 Javascript
实现一个简单的vue无限加载指令方法
Jan 10 Javascript
js中作用域的实例解析
Mar 16 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
Jul 13 Javascript
你点的 ES6一些小技巧,请查收
Apr 25 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 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
PHP实现对文本数据库的常用操作方法实例演示
2014/07/04 PHP
php JWT在web端中的使用方法教程
2018/09/06 PHP
双击滚屏-常用推荐
2006/11/29 Javascript
WordPress 照片lightbox效果的运用几点
2009/06/22 Javascript
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
JavaScript判断变量是否为空的自定义函数分享
2015/01/31 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
2017/06/06 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
2017/12/28 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
6种JavaScript继承方式及优缺点(小结)
2020/02/06 Javascript
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
Python 中的Selenium异常处理实例代码
2018/05/03 Python
详解Python解决抓取内容乱码问题(decode和encode解码)
2019/03/29 Python
详解python polyscope库的安装和例程
2020/11/13 Python
Styleonme中文网:韩国高档人气品牌
2017/06/21 全球购物
优秀员工自荐书范文
2013/12/08 职场文书
工作作风承诺书
2014/08/30 职场文书
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
民事诉讼代理词
2015/05/25 职场文书
音乐课《小猫钓鱼》教学反思
2016/02/18 职场文书
2016计划生育先进个人事迹材料
2016/02/29 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
CocosCreator如何实现划过的位置显示纹理
2021/04/14 Javascript
python非标准时间的转换
2021/07/25 Python
JS实现简单九宫格抽奖
2022/06/28 Javascript