在AngularJS中取消AJAX請求

Question

if (xhr != null) { // xhr is AJAX call request object. 
    console.log("abort"); 
    canceler.resolve(); 
} 

xhr = $http({ method: 'POST', url:("/Home/GetLibrary"), timeout: canceler.promise }) 
    .success(){ 
     alert("success"); 
    }) 
    .error() { 
     alert("error"); 
    }); 

這裏我檢查xhr對象。如果xhr對象不是null，那麼我放棄了這個調用。但它會中止當前的呼叫，而不是先前的Ajax呼叫。
我嘗試再次調用相同的函數，然後所有後續的AJAX調用都會中止。

Answer 1

試試這個

var canceller = $q.defer(); 
      
    $http.get("yourUrl", { data:data }) 
         .then(function(response){ 
            $scope.movie = response.data; 
        }); 
      
    $scope.cancel = function(){ 
        canceller.resolve("user cancelled");  
    }; 

$ scope.cancel（）;

Answer 2

您可以通過承諾來實現。看看Aborting AJAX Requests Using $http And AngularJS，這個人很好地解釋了這個話題。

還要檢查以下問題：

How to cancel an $http request in AngularJS?