jquery Ajax Queue 队列实现
有时候我们需要按顺序调用一组ajax,这些ajax需要有先后顺序,类似于同步的ajax,那么我们可以通过以下的方式来实现:
(这个Ajax用到jQuery.post)
//定义一个AJAX队列 $.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; };
使用方法:
首先创建一个Ajax队列,然后为这个Ajax队列,添加需要执行的ajax操作(post操作),这些Ajax会按顺序执行,一个执行完毕之后(获得返回值),再继续执行下一个。
$.newAjaxQueue().post( [URL] , [参数] ,[回调函数] ).post( [URL] , [参数] ,[回调函数] ).post( [URL] , [参数] ,[回调函数] );
这个实现没有考虑到超时等情况,如果需要可以自己添加。
演示例子: