有時(shí)候我們需要按順序調(diào)用一組ajax,這些ajax需要有先后順序,類似于同步的ajax,那么我們可以通過以下的方式來實(shí)現(xiàn):
(這個(gè)Ajax用到j(luò)Query.post)
//定義一個(gè)AJAX隊(duì)列$.newAjaxQueue = function() { var queue = [],posting=false, fn = function() { if(queue.length){ posting = true; var request = queue.shift(); var url = request.url; var params = request.params; var callback = request.callback; if (typeof(params) === 'function') { callback = params; params = {}; } $.post(url, params, function(response, status, xhr) { try{ if (typeof(callback) === 'function') { callback(response); } }finally{ fn(); posting = false; } }, 'text'); } },instance = ({ post: function(url,params,callback){ queue.push({ url:url,params:params,callback:callback }); if(posting===false){ fn(); } return instance; } }); return instance;};
使用方法:
首先創(chuàng)建一個(gè)Ajax隊(duì)列,然后為這個(gè)Ajax隊(duì)列,添加需要執(zhí)行的ajax操作(post操作),這些Ajax會按順序執(zhí)行,一個(gè)執(zhí)行完畢之后(獲得返回值),再繼續(xù)執(zhí)行下一個(gè)。
$.newAjaxQueue().post( [URL] , [參數(shù)] ,[回調(diào)函數(shù)] ).post( [URL] , [參數(shù)] ,[回調(diào)函數(shù)] ).post( [URL] , [參數(shù)] ,[回調(diào)函數(shù)] );
這個(gè)實(shí)現(xiàn)沒有考慮到超時(shí)等情況,如果需要可以自己添加。