用JQuery实现AJAX加载XML并解析的脚本
2023-06-13 09:14:11 时间
1,Content-Type
很多时候无法解析就是Content-Type的问题。
如果本身就是xml文件,请跳过这一步
动态生成的XML一定要将其设置为text/xml,否则默认就是text/html也就是普通的文本了。
常见语言的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:
<?xmlversion="1.0"encoding="UTF-8"?>
<name>zhangsan</name>
<id>1</id>
<name>lisi</name>
<id>2</id>
正确的
CODE:
<?xmlversion="1.0"encoding="UTF-8"?>
<stulist>
<studentemail="1@1.com">
<name>zhangsan</name>
<id>1</id>
</student>
<studentemail="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("ErrorloadingXMLdocument"+xml);
},
success:function(xml){
$(xml).find("student").each(function(i){
varid=$(this).children("id");//取对象
varid_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的编码
相关文章
- Jquery Ajax 跨域调用asmx类型 WebService范例
- ajax parsererror报错,jQuery为ajax请求返回“ parsererror”[通俗易懂]
- 如何通过jQuery发送AJAX?
- JQuery Div scrollTop ScrollHeight
- js与jQuery的区别以及jQuery选择器和方法的使用
- jquery validation engine ajax验证,jQuery Validation Engine 表单验证「建议收藏」
- struts2:使用JQuery、JSON和AJAX处理请求详解编程语言
- jQuery与AJAX详解编程语言
- jquery ajax怎么使用jsonp跨域访问详解编程语言
- Ajax实现从MySQL读取数据(ajax 读取mysql)
- 使用Ajax实现MySQL数据库操作(ajax操作mysql)
- 从MySQL分批传输至客户端AJAX解决方案(ajax分批mysql)
- jquery注意事项与常用语法小结
- 基于Jquery解决Ajax请求的页面浏览器后退前进功能,页面刷新功能实效问题
- jquery中ajax学习笔记3
- jquery的ajax()函数传值中文乱码解决方法介绍
- jquery延迟加载外部js实现代码
- jquery的ajax请求全面了解
- JQuery中关于jquery.js与jquery.min.js的比较探讨
- 使用jquery的ajax需要注意的地方dataType的设置
- jquery实现div阴影效果示例代码
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- jquery索引在使用中的一些困惑
- jquery对ajax的支持介绍
- 原生js和jquery中有关透明度设置的相关问题
- jquery+ajax+C#实现无刷新操作数据库数据的简单实例
- jquery插件lazyload.js延迟加载图片的使用方法
- Jquery.Form异步提交表单的简单实例
- jquery中的ajax方法怎样通过JSONP进行远程调用
- jquery表格排序、实时搜索表格内容(附图)
- 超炫的jquery仿flash导航栏特效
- Jquery$.ajax函数外的一段代码的执行顺序
- jquery+ajax验证不通过也提交表单问题处理
- jQuery及JS实现循环中暂停的方法
- jQuery循环动画与获取组件尺寸的方法