JQuery的ajax获取数据后的处理总结(html,xml,json)
作者:
三种数据格式中最简单的就是html格式,返回回来以后可以直接使用,上面的处理方式就是json的处理方式xml的处理方式。
1、html处理比较简单,直接输出即可。
一般用$("jb51div").innerHTML等即可
2、json格式数据调用
$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "json",//这里的dataType就是返回回来的数据格式了html,xml,json
cache: false,//设置是否缓存,默认设置成为true,当需要每次刷新都需要执行数据库操作的话,需要设置成为false
success : function(data) {
$(data).each(function(te, u) {
alert(te);
$("#content").append(u.title+"</br>");
})
}
})
3、xml格式数据调用
$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "xml",//这里的dataType就是返回回来的数据格式了html,xml,json
cache: false,//设置是否缓存,默认设置成为true,当需要每次刷新都需要执行数据库操作的话,需要设置成为false
success : function(xml) {
$(xml).find("*").each(function(){
//这边对遍历出来的内容进行处理,jquery都是可以使用xpath进行遍历的
})
}
})
一般用$("jb51div").innerHTML等即可
2、json格式数据调用
复制代码 代码如下:
$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "json",//这里的dataType就是返回回来的数据格式了html,xml,json
cache: false,//设置是否缓存,默认设置成为true,当需要每次刷新都需要执行数据库操作的话,需要设置成为false
success : function(data) {
$(data).each(function(te, u) {
alert(te);
$("#content").append(u.title+"</br>");
})
}
})
3、xml格式数据调用
复制代码 代码如下:
$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "xml",//这里的dataType就是返回回来的数据格式了html,xml,json
cache: false,//设置是否缓存,默认设置成为true,当需要每次刷新都需要执行数据库操作的话,需要设置成为false
success : function(xml) {
$(xml).find("*").each(function(){
//这边对遍历出来的内容进行处理,jquery都是可以使用xpath进行遍历的
})
}
})
您可能感兴趣的文章:
- jQuery中ajax请求后台返回json数据并渲染HTML的方法
- 基于jQuery的AJAX和JSON实现纯html数据模板
- JQuery处理json与ajax返回JSON实例代码
- jquery的ajax异步请求接收返回json数据实例
- jQuery Ajax异步处理Json数据详解
- jQuery中使用Ajax获取JSON格式数据示例代码
- jquery序列化form表单使用ajax提交后处理返回的json数据
- 跨域请求之jQuery的ajax jsonp的使用解惑
- 详谈 Jquery Ajax异步处理Json数据.
- jquery ajax跨域解决方法(json方式)
- jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例