用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实现仿Windows关机效果
Mar 10 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
Jun 06 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
angular2使用简单介绍
Mar 01 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
js上传图片预览的实现方法
May 09 Javascript
详解解决使用axios发送json后台接收不到的问题
Jun 27 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
May 12 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
Sep 04 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
Dec 26 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 mssql 日期出现中文字符的解决方法
2009/03/10 PHP
PHP中exec函数和shell_exec函数的区别
2014/08/20 PHP
Django 标签筛选的实现代码(一对多、多对多)
2018/09/05 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
JavaScript库 开发规则
2009/01/31 Javascript
javascript对数组的常用操作代码 数组方法总汇
2011/01/27 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
2012/12/23 Javascript
jQuery基础知识小结
2014/12/22 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
jQuery增加、删除及修改select option的方法
2016/08/19 Javascript
javascript 数组去重复(在线去重工具)
2016/12/17 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
jQuery实现的简单悬浮层功能完整实例
2017/01/23 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
2017/11/26 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
[03:17]2016完美“圣”典风云人物:冷冷专访
2016/12/08 DOTA
python局域网ip扫描示例分享
2014/04/03 Python
Python算法之图的遍历
2017/11/16 Python
Python函数参数操作详解
2018/08/03 Python
Python设计模式之享元模式原理与用法实例分析
2019/01/11 Python
python区块及区块链的开发详解
2019/07/03 Python
python 消费 kafka 数据教程
2019/12/21 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
使用Tensorflow-GPU禁用GPU设置(CPU与GPU速度对比)
2020/06/30 Python
python opencv实现图像配准与比较
2021/02/09 Python
HTML5新增属性data-*和js/jquery之间的交互及注意事项
2017/08/08 HTML / CSS
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
NYX Professional Makeup俄罗斯官网:世界知名的化妆品品牌
2019/12/26 全球购物
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
租房协议书范例
2014/10/14 职场文书
工伤事故赔偿协议书
2014/10/27 职场文书
医院党建工作总结2015
2015/05/26 职场文书
python实现自定义日志的具体方法
2021/05/28 Python
用Python selenium实现淘宝抢单机器人
2021/06/18 Python
Python+DeOldify实现老照片上色功能
2022/06/21 Python