JQuery的ajax獲取數(shù)據(jù)后的處理總結(jié)(html,xml,json)
更新時間：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(){
//這邊對遍歷出來的內(nèi)容進行處理，jquery都是可以使用xpath進行遍歷的
})
}
})
一般用$("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(){
//這邊對遍歷出來的內(nèi)容進行處理，jquery都是可以使用xpath進行遍歷的
})
}
})
您可能感興趣的文章:
- jQuery中ajax請求后臺返回json數(shù)據(jù)并渲染HTML的方法
- 基于jQuery的AJAX和JSON實現(xiàn)純html數(shù)據(jù)模板
- JQuery處理json與ajax返回JSON實例代碼
- jquery的ajax異步請求接收返回json數(shù)據(jù)實例
- jQuery Ajax異步處理Json數(shù)據(jù)詳解
- jQuery中使用Ajax獲取JSON格式數(shù)據(jù)示例代碼
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- 跨域請求之jQuery的ajax jsonp的使用解惑
- 詳談 Jquery Ajax異步處理Json數(shù)據(jù).
- jquery ajax跨域解決方法(json方式)
- jQuery+Ajax+js實現(xiàn)請求json格式數(shù)據(jù)并渲染到html頁面操作示例
相關(guān)文章
jQuery EasyUI ProgressBar進度條組件
這篇文章主要為大家詳細(xì)介紹了jQuery EasyUI ProgressBar進度條組件的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
每次滾動的長度不要固定死，可以直接獲取圖片寬度作為滾動的長度。這樣當(dāng)你的網(wǎng)站有很多地方需要這個效果的時候一個函數(shù)就可以搞定了2011-12-12
超簡單的jquery的AJAX用法,需要的朋友可以參考下。2010-05-05
這篇文章主要為大家詳細(xì)介紹了jQuery表單元素選擇器代碼實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery使用$.extend(true,object1, object2);實現(xiàn)深拷貝對象的方法分析
這篇文章主要介紹了jQuery使用$.extend(true,object1, object2);實現(xiàn)深拷貝對象的方法,結(jié)合實例形式分析了jQuery中$.extend(true,object1, object2);進行深拷貝操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-03-03
jquery如何改變html標(biāo)簽的樣式(兩種實現(xiàn)方法)
對于如何修飾html標(biāo)簽，這對于js來說，可以通過setAttribute來設(shè)置標(biāo)簽的屬性，通過getAttribute來得到標(biāo)簽的屬性，而在jq中當(dāng)然也可以實現(xiàn)類似的功能，方法上肯定比js要簡化多了,接下來介紹實現(xiàn)方法，感興趣的朋友可以了解下2013-01-01
這篇文章主要介紹了JQuery記住用戶名密碼實現(xiàn)下次自動登錄功能,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了CSS+jQuery實現(xiàn)簡單的折疊菜單的代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2016-12-12
這篇文章主要介紹了jquery select插件異步實時搜索實例代碼,需要的朋友可以參考下2017-10-10
jQuery 2.0.3 源碼分析之core（一）整體架構(gòu)
這篇文章主要介紹了jQuery 2.0.3 源碼分析之core（一）整體架構(gòu),需要的朋友可以參考下2014-05-05