JQuery的ajax獲取數(shù)據(jù)后的處理總結(jié)(html,xml,json)
更新時(shí)間:2010年07月14日 22:59:30 作者:
三種數(shù)據(jù)格式中最簡單的就是html格式,返回回來以后可以直接使用,上面的處理方式就是json的處理方式xml的處理方式。
1、html處理比較簡單,直接輸出即可。
一般用$("jb51div").innerHTML等即可
2、json格式數(shù)據(jù)調(diào)用
$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "json",//這里的dataType就是返回回來的數(shù)據(jù)格式了html,xml,json
cache: false,//設(shè)置是否緩存,默認(rèn)設(shè)置成為true,當(dāng)需要每次刷新都需要執(zhí)行數(shù)據(jù)庫操作的話,需要設(shè)置成為false
success : function(data) {
$(data).each(function(te, u) {
alert(te);
$("#content").append(u.title+"</br>");
})
}
})
3、xml格式數(shù)據(jù)調(diào)用
$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "xml",//這里的dataType就是返回回來的數(shù)據(jù)格式了html,xml,json
cache: false,//設(shè)置是否緩存,默認(rèn)設(shè)置成為true,當(dāng)需要每次刷新都需要執(zhí)行數(shù)據(jù)庫操作的話,需要設(shè)置成為false
success : function(xml) {
$(xml).find("*").each(function(){
//這邊對(duì)遍歷出來的內(nèi)容進(jìn)行處理,jquery都是可以使用xpath進(jìn)行遍歷的
})
}
})
一般用$("jb51div").innerHTML等即可
2、json格式數(shù)據(jù)調(diào)用
復(fù)制代碼 代碼如下:
$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "json",//這里的dataType就是返回回來的數(shù)據(jù)格式了html,xml,json
cache: false,//設(shè)置是否緩存,默認(rèn)設(shè)置成為true,當(dāng)需要每次刷新都需要執(zhí)行數(shù)據(jù)庫操作的話,需要設(shè)置成為false
success : function(data) {
$(data).each(function(te, u) {
alert(te);
$("#content").append(u.title+"</br>");
})
}
})
3、xml格式數(shù)據(jù)調(diào)用
復(fù)制代碼 代碼如下:
$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "xml",//這里的dataType就是返回回來的數(shù)據(jù)格式了html,xml,json
cache: false,//設(shè)置是否緩存,默認(rèn)設(shè)置成為true,當(dāng)需要每次刷新都需要執(zhí)行數(shù)據(jù)庫操作的話,需要設(shè)置成為false
success : function(xml) {
$(xml).find("*").each(function(){
//這邊對(duì)遍歷出來的內(nèi)容進(jìn)行處理,jquery都是可以使用xpath進(jìn)行遍歷的
})
}
})
您可能感興趣的文章:
- jQuery中ajax請(qǐng)求后臺(tái)返回json數(shù)據(jù)并渲染HTML的方法
- 基于jQuery的AJAX和JSON實(shí)現(xiàn)純html數(shù)據(jù)模板
- JQuery處理json與ajax返回JSON實(shí)例代碼
- jquery的ajax異步請(qǐng)求接收返回json數(shù)據(jù)實(shí)例
- jQuery Ajax異步處理Json數(shù)據(jù)詳解
- jQuery中使用Ajax獲取JSON格式數(shù)據(jù)示例代碼
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- 跨域請(qǐng)求之jQuery的ajax jsonp的使用解惑
- 詳談 Jquery Ajax異步處理Json數(shù)據(jù).
- jquery ajax跨域解決方法(json方式)
- jQuery+Ajax+js實(shí)現(xiàn)請(qǐng)求json格式數(shù)據(jù)并渲染到html頁面操作示例
相關(guān)文章
jQuery插件簡單學(xué)習(xí)實(shí)例教程
這篇文章主要介紹了jQuery插件的簡單用法,列舉了分頁插件、放大鏡插件、自動(dòng)完成插件、上傳插件、日歷插件等的簡單使用方法,需要的朋友可以參考下2016-07-07Jquery實(shí)現(xiàn)由下向上展開效果的例子
這篇文章主要介紹了Jquery實(shí)現(xiàn)由下向上展開效果的例子,本文同時(shí)講解了向下展開的例子,需要的朋友可以參考下2014-12-12jquery彈出框插件jquery.ui.dialog用法分析
這篇文章主要介紹了jquery彈出框插件jquery.ui.dialog用法,結(jié)合實(shí)例形式分析了彈出框插件jquery.ui.dialog的功能、下載、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-08-08jQuery頁面滾動(dòng)浮動(dòng)層智能定位實(shí)例代碼
jQuery頁面滾動(dòng)浮動(dòng)層智能定位實(shí)例代碼,需要的朋友可以參考下。2011-08-08簡短幾句jquery代碼的實(shí)現(xiàn)一個(gè)圖片向上滾動(dòng)切換
短幾句jquery代碼實(shí)現(xiàn)一個(gè)圖片向上滾動(dòng)切換,需要的朋友可以參考下。2011-09-09