jQuery順序執行Ajax

這裏寫自定義目錄標題

使用$.queue $.dequeue 作爲隊列

// An highlighted block
var $el = $(document); // $(this) 隊列數據需要存儲在一個DOM對象上
var myQueueName = 'myQueueName'; // 隊列名稱,fx 是默認動畫隊列名

var funList = [];

for(var i=0;i<10;i++){
	// 閉包,防止i變量被覆蓋
	funList.push(function(p){
		// 返回一個func,待隊列稍後運行
		return function(next){
			$.ajax({
				url:'url',
				data:{
					'p': p
				}
			}).done(function(){
				// todo 
			}).fail(function(){
				// todo
			}).always(function(){
				// 啓動下一個
				next();
			});
		};
	}(i));
}
// 設置隊列
$el.queue(myQueueName, funList); // 覆蓋隊列,如果隊列中有未執行的處理

// 啓動隊列
$el.dequeue(myQueueName);

//
$(document).queue(myQueueName, funList);

// 
$(document).dequeue(myQueueName);
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章