在我的情况下如何发出http请求

Question

我试图防止在我的代码中触发多个 http 请求。

我有类似的东西

在我的控制器中

//if use click, fire this method
var getItems = function() {
    factory.makeRequest.then(function(data){
        //do stuff with data...
    })
}

在我的工厂

var factory = {};
factory.makeRequest = function(){
    if($http.pendingRequests.length===0) {
            return getData()
            .then(function(data) {
                //do stuff here
                return data;
            })     
        }
}

factory.getData = function() {
    return $http.get('/project/item');
}

return factory;

如果进程正在进行，上面的代码将防止请求被多次触发。但是，如果我在承诺解决之前再次单击该按钮，我会得到Cannot read property of .then of 'undefined'。我知道这是因为 $http 请求没有返回任何内容，因为我有 $http.pendingRequests.length===0 条件。上面的代码给了我我需要的东西，但我不知道如何防止控制台日志中的错误。谁能帮我吗？非常感谢！

Answer 1

以下将返回当前请求的promise，如果它存在，否则它将创建一个新的请求并返回该promise。它会在成功时清理当前请求。

var factory = {};
factory._currentRequest = null;
factory.makeRequest = function(){
    if(!factory._currentRequest) {
        factory._currentRequest = factory.getData()
            .then(function(data) {
                //do stuff here
                factory._currentRequest = null;
                return data;

            })  
    }
    return factory._currentRequest
  }

factory.getData = function() {
    return $http.get('/project/item');
}

return factory;