jQuery使用deferreds串行多個(gè)ajax請(qǐng)求
使用JQuery對(duì)多個(gè)ajax請(qǐng)求串行執(zhí)行。
HTML代碼:
<a href="#">Click me!</a> <div></div>
JS:
function GetSomeDeferredStuff() {
var deferreds = [];
var i = 1;
for (i = 1; i <= 10; i++) {
var count = i;
deferreds.push(
$.post('/echo/html/', {
html: "<p>Task #" + count + " complete.",
delay: count
}).success(function(data) {
$("div").append(data);
}));
}
return deferreds;
}
$(function() {
$("a").click(function() {
var deferreds = GetSomeDeferredStuff();
$.when.apply(null, deferreds).done(function() {
$("div").append("<p>All done!</p>");
});
});
});
方法類似于Node.js中的q,使用promise defer模式將所有的ajax請(qǐng)求放到一個(gè)數(shù)組里,然后通過$.when.apply().done()將所有ajax請(qǐng)求依次執(zhí)行。
以上所述是小編給大家介紹的jQuery使用deferreds串行多個(gè)ajax請(qǐng)求,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jQuery的 $.ajax防止重復(fù)提交的兩種方法(推薦)
- jQuery progressbar通過Ajax請(qǐng)求實(shí)現(xiàn)后臺(tái)進(jìn)度實(shí)時(shí)功能
- jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
- jQuery中的AjaxSubmit使用講解
- Laravel+jQuery實(shí)現(xiàn)AJAX分頁效果
- jQuery+ajax讀取并解析XML文件的方法
- jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對(duì)象的方法
- jquery實(shí)現(xiàn)ajax提交表單信息的簡單方法(推薦)
- jQuery 實(shí)現(xiàn)ajax傳入?yún)?shù)含有特殊字符的方法總結(jié)
相關(guān)文章
jQuery實(shí)現(xiàn)點(diǎn)擊后高亮背景固定顯示的菜單效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊后高亮背景固定顯示的菜單效果,可實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊菜單項(xiàng)后呈現(xiàn)出鼠標(biāo)滑過一樣的背景高亮顯示效果,同時(shí)該顯示效果固定不變,需要的朋友可以參考下2016-09-09
詳解jQuery停止動(dòng)畫——stop()方法的使用
本文主要對(duì)jQuery停止動(dòng)畫——stop()方法的使用進(jìn)行詳細(xì)介紹,對(duì)學(xué)習(xí)jQuery動(dòng)畫有很好的幫助,下面就跟小編一起來看下吧2016-12-12
jquery實(shí)現(xiàn)的導(dǎo)航固定效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的導(dǎo)航固定效果,需要的朋友可以參考下2014-04-04
淺談jQuery頁面的滾動(dòng)位置scrollTop、scrollLeft
官方文檔的解釋有點(diǎn)含糊,其實(shí)換個(gè)角度就很容易理解了,scrollTop獲取的是內(nèi)部元素超出外部容器的高度。 例如:$('window').scrollTop()獲取的就是當(dāng)前這個(gè)頁面超出窗口最上端的高度,scrollLeft與此同理2015-05-05
jquery獲取當(dāng)前點(diǎn)擊的元素的五種方法介紹
我們可以使用$(this)方法獲取事件處理函數(shù)內(nèi)部的當(dāng)前元素,也可以使用e.target方法在外部獲取當(dāng)前元素,此外,我們還介紹了parent()方法和find()方法獲取當(dāng)前元素的父元素或子元素,以及closest()方法獲取當(dāng)前元素最近的祖先元素2023-08-08
jQuery實(shí)現(xiàn)每隔一段時(shí)間自動(dòng)更換樣式的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)每隔一段時(shí)間自動(dòng)更換樣式的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)修改頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
JQuery中綁定事件(bind())和移除事件(unbind())
本文主要向大家詳細(xì)介紹了jQuery的綁定事件和移除事件的使用方法和示例分享,這里推薦給有需要的小伙伴們參考下。2015-02-02
JQuery 動(dòng)態(tài)生成Table表格實(shí)例代碼
這篇文章主要介紹了JQuery 動(dòng)態(tài)生成Table表格實(shí)例代碼的相關(guān)資料,這里附有實(shí)現(xiàn)實(shí)例代碼,具有一定的參考價(jià)值,需要的朋友可以參考下2016-12-12
jquery.cookie實(shí)現(xiàn)的客戶端購物車操作實(shí)例
這篇文章主要介紹了jquery.cookie實(shí)現(xiàn)的客戶端購物車操作,結(jié)合實(shí)例形式分析了jQuery基于cookie存儲(chǔ)及操作數(shù)據(jù)實(shí)現(xiàn)購物車功能的技巧,需要的朋友可以參考下2015-12-12

