用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 相关文章推荐
prototype 学习笔记整理
Jul 17 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
Nov 28 Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
Feb 28 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
May 05 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
提升页面加载速度的插件InstantClick
Sep 12 Javascript
vue单页面在微信下只能分享落地页的解决方案
Apr 15 Javascript
一篇文章,教你学会Vue CLI 插件开发
Apr 17 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
Jun 14 Javascript
浅谈TypeScript 索引签名的理解
Oct 16 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关联数组快速排序的方法
2015/04/17 PHP
深入理解php printf() 输出格式化的字符串
2016/05/23 PHP
PHP简单字符串过滤方法示例
2016/09/04 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
ArrayList类(增强版)
2007/04/04 Javascript
利用javascript实现一些常用软件的下载导航
2009/08/03 Javascript
js 操作符实例代码
2009/10/24 Javascript
js 加载并解析XML字符串的代码
2009/12/13 Javascript
使用jquery获取网页中图片高度的两种方法
2013/09/26 Javascript
jQuery 仿百度输入标签插件附效果图
2014/07/04 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
2015/05/06 Javascript
ECMAScript6新增值比较函数Object.is
2015/06/12 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
AngularJS中的promise用法分析
2017/05/19 Javascript
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
解决vue的过渡动画无法正常实现问题
2019/10/31 Javascript
解决Vue watch里调用方法的坑
2020/11/07 Javascript
JavaScript实现移动端拖动元素
2020/11/24 Javascript
[00:56]PWL开团时刻DAY8——追追追追追!
2020/11/09 DOTA
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
Python根据当前日期取去年同星期日期
2019/04/14 Python
Django Admin中增加导出CSV功能过程解析
2019/09/04 Python
基于Python实现拆分和合并GIF动态图
2019/10/22 Python
Python Merge函数原理及用法解析
2020/09/16 Python
简单的HTML5初步入门教程
2015/09/29 HTML / CSS
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
优秀的茶餐厅创业计划书
2014/01/03 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
工程项目经理任命书
2014/06/05 职场文书
社团活动总结报告
2014/06/27 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python