Aborting An AJAX Request In AngularJS

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");
    });

Here I check the xhr object. If xhr object is not null then I abort the call. But it aborts the current call, not the previous Ajax call.
I try to call the same function again, then all subsequent AJAX call are aborted.

Harutyun Abgaryan · Accepted Answer · 2014-10-01 05:41:59Z

1

try this

 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();

edited Oct 1, 2014 at 5:41

answered Sep 12, 2014 at 10:01

Harutyun Abgaryan

2,0231 gold badge14 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

chirag Over a year ago

I tried this. but $scope.cancel function is not called any cases.

Community · Accepted Answer · 2017-05-23 10:26:39Z

0

You can do it through promises. Have a look at Aborting AJAX Requests Using $http And AngularJS, the guy explained the topic very well.

Also check the following question :

How to cancel an $http request in AngularJS?

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered Sep 12, 2014 at 9:57

Kamran Ahmed

12.5k24 gold badges73 silver badges103 bronze badges

Collectives™ on Stack Overflow

Aborting An AJAX Request In AngularJS

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related