将队列添加到angulars $ http服务

Question

我有一个非常古怪的api，一次只能处理一个请求。因此，我需要确保每次发出请求时，该请求都会进入一个队列，并且该队列一次执行一个请求，直到它为空。

通常，我只使用jQuery的内置队列，因为该站点已经在使用jQuery。但是，我不确定是否可以以某种方式装饰$
http服务，或将其包装在一次返回一个承诺的服务或其他服务中。

Answer 1

这是我的解决方案：http :
//plnkr.co/edit/Tmjw0MCfSbBSgWRhFvcg

这个想法是：每次运行服务都会将请求添加到队列中并返回诺言。当对$ http的请求完成时，解决/拒绝返回的promise并从队列中执行下一个任务（如果有）。

app.factory('srv', function($q,$http) {

  var queue=[];
  var execNext = function() {
    var task = queue[0];
    $http(task.c).then(function(data) {
      queue.shift();
      task.d.resolve(data);
      if (queue.length>0) execNext();
    }, function(err) {
      queue.shift();
      task.d.reject(err);
      if (queue.length>0) execNext();
    })
    ;
  }; 
  return function(config) {
    var d = $q.defer();
    queue.push({c:config,d:d});
    if (queue.length===1) execNext();            
    return d.promise;
  };
});

看起来很简单:)