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

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

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;

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

1 个答案: