jQuery使用deferreds串行多個ajax請求
使用JQuery對多個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請求放到一個數(shù)組里,然后通過$.when.apply().done()將所有ajax請求依次執(zhí)行。
以上所述是小編給大家介紹的jQuery使用deferreds串行多個ajax請求,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- jQuery的 $.ajax防止重復提交的兩種方法(推薦)
- jQuery progressbar通過Ajax請求實現(xiàn)后臺進度實時功能
- jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
- jQuery中的AjaxSubmit使用講解
- Laravel+jQuery實現(xiàn)AJAX分頁效果
- jQuery+ajax讀取并解析XML文件的方法
- jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法
- jquery實現(xiàn)ajax提交表單信息的簡單方法(推薦)
- jQuery 實現(xiàn)ajax傳入?yún)?shù)含有特殊字符的方法總結(jié)
相關(guān)文章
jQuery實現(xiàn)點擊后高亮背景固定顯示的菜單效果【附demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)點擊后高亮背景固定顯示的菜單效果,可實現(xiàn)鼠標點擊菜單項后呈現(xiàn)出鼠標滑過一樣的背景高亮顯示效果,同時該顯示效果固定不變,需要的朋友可以參考下2016-09-09淺談jQuery頁面的滾動位置scrollTop、scrollLeft
官方文檔的解釋有點含糊,其實換個角度就很容易理解了,scrollTop獲取的是內(nèi)部元素超出外部容器的高度。 例如:$('window').scrollTop()獲取的就是當前這個頁面超出窗口最上端的高度,scrollLeft與此同理2015-05-05jQuery實現(xiàn)每隔一段時間自動更換樣式的方法分析
這篇文章主要介紹了jQuery實現(xiàn)每隔一段時間自動更換樣式的方法,結(jié)合實例形式較為詳細的分析了jQuery結(jié)合時間函數(shù)動態(tài)修改頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-05-05JQuery中綁定事件(bind())和移除事件(unbind())
本文主要向大家詳細介紹了jQuery的綁定事件和移除事件的使用方法和示例分享,這里推薦給有需要的小伙伴們參考下。2015-02-02jquery.cookie實現(xiàn)的客戶端購物車操作實例
這篇文章主要介紹了jquery.cookie實現(xiàn)的客戶端購物車操作,結(jié)合實例形式分析了jQuery基于cookie存儲及操作數(shù)據(jù)實現(xiàn)購物車功能的技巧,需要的朋友可以參考下2015-12-12