angularjs - 将排队添加到 angulars $http 服务

Question

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

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

Answer 1

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

这个想法是:每次运行的服务将请求添加到队列并返回 promise 。当对 $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;
  };
});

看起来很简单:)