JQuery的ajax獲取數(shù)據(jù)后的處理總結(jié)(html,xml,json)
更新時(shí)間:2010年07月14日 22:59:30 作者:
三種數(shù)據(jù)格式中最簡(jiǎn)單的就是html格式,返回回來(lái)以后可以直接使用,上面的處理方式就是json的處理方式xml的處理方式。
1、html處理比較簡(jiǎn)單,直接輸出即可。
一般用$("jb51div").innerHTML等即可
2、json格式數(shù)據(jù)調(diào)用
$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "json",//這里的dataType就是返回回來(lái)的數(shù)據(jù)格式了html,xml,json
cache: false,//設(shè)置是否緩存,默認(rèn)設(shè)置成為true,當(dāng)需要每次刷新都需要執(zhí)行數(shù)據(jù)庫(kù)操作的話,需要設(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就是返回回來(lái)的數(shù)據(jù)格式了html,xml,json
cache: false,//設(shè)置是否緩存,默認(rèn)設(shè)置成為true,當(dāng)需要每次刷新都需要執(zhí)行數(shù)據(jù)庫(kù)操作的話,需要設(shè)置成為false
success : function(xml) {
$(xml).find("*").each(function(){
//這邊對(duì)遍歷出來(lái)的內(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就是返回回來(lái)的數(shù)據(jù)格式了html,xml,json
cache: false,//設(shè)置是否緩存,默認(rèn)設(shè)置成為true,當(dāng)需要每次刷新都需要執(zhí)行數(shù)據(jù)庫(kù)操作的話,需要設(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就是返回回來(lái)的數(shù)據(jù)格式了html,xml,json
cache: false,//設(shè)置是否緩存,默認(rèn)設(shè)置成為true,當(dāng)需要每次刷新都需要執(zhí)行數(shù)據(jù)庫(kù)操作的話,需要設(shè)置成為false
success : function(xml) {
$(xml).find("*").each(function(){
//這邊對(duì)遍歷出來(lái)的內(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頁(yè)面操作示例
相關(guān)文章
jQuery EasyUI ProgressBar進(jìn)度條組件
這篇文章主要為大家詳細(xì)介紹了jQuery EasyUI ProgressBar進(jìn)度條組件的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
jQuery使用$.extend(true,object1, object2);實(shí)現(xiàn)深拷貝對(duì)象的方法分析
這篇文章主要介紹了jQuery使用$.extend(true,object1, object2);實(shí)現(xiàn)深拷貝對(duì)象的方法,結(jié)合實(shí)例形式分析了jQuery中$.extend(true,object1, object2);進(jìn)行深拷貝操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-03-03
jquery如何改變html標(biāo)簽的樣式(兩種實(shí)現(xiàn)方法)
對(duì)于如何修飾html標(biāo)簽,這對(duì)于js來(lái)說(shuō),可以通過(guò)setAttribute來(lái)設(shè)置標(biāo)簽的屬性,通過(guò)getAttribute來(lái)得到標(biāo)簽的屬性,而在jq中當(dāng)然也可以實(shí)現(xiàn)類似的功能,方法上肯定比js要簡(jiǎn)化多了,接下來(lái)介紹實(shí)現(xiàn)方法,感興趣的朋友可以了解下2013-01-01
JQuery記住用戶名密碼實(shí)現(xiàn)下次自動(dòng)登錄功能
這篇文章主要介紹了JQuery記住用戶名密碼實(shí)現(xiàn)下次自動(dòng)登錄功能,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
CSS+jQuery實(shí)現(xiàn)簡(jiǎn)單的折疊菜單
這篇文章主要介紹了CSS+jQuery實(shí)現(xiàn)簡(jiǎn)單的折疊菜單的代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2016-12-12
jquery select插件異步實(shí)時(shí)搜索實(shí)例代碼
這篇文章主要介紹了jquery select插件異步實(shí)時(shí)搜索實(shí)例代碼,需要的朋友可以參考下2017-10-10
jQuery 2.0.3 源碼分析之core(一)整體架構(gòu)
這篇文章主要介紹了jQuery 2.0.3 源碼分析之core(一)整體架構(gòu),需要的朋友可以參考下2014-05-05

