用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 相关文章推荐
jQuery使用手册之 事件处理
Mar 24 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
Jan 17 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
Apr 29 Javascript
vue组件实例解析
Jan 10 Javascript
jquery实现超简单的瀑布流布局【推荐】
Mar 08 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
Aug 13 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
Jul 10 Javascript
tracking.js实现前端人脸识别功能
Apr 16 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 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
Zend的AutoLoad机制介绍
2012/09/27 PHP
PHP使用反射机制实现查找类和方法的所在位置
2016/04/22 PHP
PHP扩展框架之Yaf框架的安装与使用
2016/05/18 PHP
简单实现php上传文件功能
2017/09/21 PHP
php服务器的系统详解
2019/10/12 PHP
[对联广告] JS脚本类
2006/08/27 Javascript
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
js函数排序的实例代码
2013/07/01 Javascript
用jquery中插件dialog实现弹框效果实例代码
2013/11/15 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
javascript性能优化之DOM交互操作实例分析
2015/12/12 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
2020/09/01 Javascript
Python实现大文件排序的方法
2015/07/10 Python
Python爬虫代理IP池实现方法
2017/01/05 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
解决python报错MemoryError的问题
2018/06/26 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
莫斯科高科技在线商店:KremlinStore
2019/03/13 全球购物
材料物理专业个人求职信
2013/12/15 职场文书
庆祝教师节活动方案
2014/01/31 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
女方离婚起诉书
2015/05/18 职场文书
2015年主婚人婚礼致辞
2015/07/28 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
关于flex 上下文中自动 margin的问题(完整例子)
2021/05/20 HTML / CSS