jQuery使用deferreds串行多個(gè)ajax請求
更新時(shí)間：2016年08月22日 10:57:19 作者：Jaxu
這篇文章主要介紹了jQuery使用deferreds串行多個(gè)ajax請求的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
使用JQuery對多個(gè)ajax請求串行執(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請求放到一個(gè)數(shù)組里，然后通過$.when.apply().done()將所有ajax請求依次執(zhí)行。
以上所述是小編給大家介紹的jQuery使用deferreds串行多個(gè)ajax請求，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- jQuery的 $.ajax防止重復(fù)提交的兩種方法(推薦)
- jQuery progressbar通過Ajax請求實(shí)現(xiàn)后臺進(jìn)度實(shí)時(shí)功能
- jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
- jQuery中的AjaxSubmit使用講解
- Laravel+jQuery實(shí)現(xiàn)AJAX分頁效果
- jQuery+ajax讀取并解析XML文件的方法
- jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對象的方法
- jquery實(shí)現(xiàn)ajax提交表單信息的簡單方法(推薦)
- jQuery 實(shí)現(xiàn)ajax傳入?yún)?shù)含有特殊字符的方法總結(jié)
相關(guān)文章
jQuery實(shí)現(xiàn)動態(tài)操作table行
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)動態(tài)操作table行，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
Jquery實(shí)現(xiàn)鼠標(biāo)移上彈出提示框、移出消失思路及代碼
具體思路為：.首先要定位實(shí)現(xiàn)這種效果的元素 ，本次通過class；如果是動態(tài)顯示不同的提示內(nèi)容，需設(shè)置title;通過JQ給定位到元素加上 mouseover 和mouseout 事件2013-05-05
jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)
這篇文章主要給大家分享了一段使用jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)的代碼，非常實(shí)用，有需要的小伙伴參考下。2015-01-01
jquery的優(yōu)點(diǎn)比較多，大家可以學(xué)習(xí)下，網(wǎng)上好多效果都是用jquery實(shí)現(xiàn)的。2009-04-04
在jQuery中,常常需要對元素的某個(gè)屬性或數(shù)值進(jìn)行比較,判斷是否大于等于某個(gè)特定的值,在這種情況下,使用大于等于（>=）操作符是非常常見的,本文將介紹如何在jQuery中使用大于等于操作符的技巧,需要的朋友可以參考下2024-09-09
如何解決jQuery EasyUI 已打開Tab重新加載問題
最近在項(xiàng)目中遇到這樣的需求，要求實(shí)現(xiàn)點(diǎn)擊左側(cè)已經(jīng)打開的tab可以刷新重新加載datagrid。下面給大家分享實(shí)現(xiàn)代碼，一起看看吧2016-12-12
jQuery 浮動導(dǎo)航菜單適合購物商品類型的網(wǎng)站
頁面長度較大，需要方便快速的在頁面的不同位置進(jìn)行定位，所以浮動菜單逐漸流行了起來，下面是jQuery浮動導(dǎo)航菜單適合購物網(wǎng)站商品類型2014-09-09
jQuery scroll事件實(shí)現(xiàn)監(jiān)控滾動條分頁示例
這篇文章主要介紹了jQuery scroll事件實(shí)現(xiàn)監(jiān)控滾動條分頁簡單示例,使用ajax加載,同時(shí)介紹了(document).height()與$(window).height()的區(qū)別,需要的朋友可以參考下2014-04-04
jquery.guide.js新版上線操作向?qū)хU空提示jQuery插件(推薦)
這篇文章主要介紹了jquery.guide.js新版上線操作向?qū)хU空提示jQuery插件(推薦),需要的朋友可以參考下2017-05-05
jQuery為iframe的body添加click事件的實(shí)現(xiàn)代碼
jQuery為iframe的body添加click事件的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-04-04