JQuery的ajax获取数据后的处理总结(html,xml,json)
时间：2021-07-09 08:26:08|栏目：jquery|点击： 次
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中(function($){})(jQuery)详解
栏 目：jquery
本文标题：JQuery的ajax获取数据后的处理总结(html,xml,json)
本文地址：http://www.codeinn.net/misctech/154680.html
