Angularjs - Abort/cancel running $http calls

Question

I've got a call using Resource in angularjs but i get some problems because i can't abort every calls it does. This kind of structure i use for an autocomplete.. is it possible convert from resource call to http? This is the code

var Resource = $resource(URL, {},{ getAutocompleteResults: { method: "GET", params: {text: ""} }});

var locked = false;
function getMoreData() {

    if(locked)
        return;
    locked = true;

    Resource.autoCompleteResults()
        .$promise.then(function(data) {
            $scope.autocompleteViewResults = data;
            locked = false;
        });

}

This is what i've tried so far with no success.

$scope.autocompleteViewResults = function () {
            $http
                .get(URL, {
                    params: {
                        text = ""
                    }
                })
                .success(function (data) {
                    $scope.autocompleteViewResults = data;
                });
        };

Or if someone knows an alternative method..

Muhammad Reda · Accepted Answer · 2015-02-23 09:18:40Z

2

The $scope.autocompleteViewResults variable is being assigned 2 times.

Try this:

$scope.autocompleteViewResults = {};
$scope.getResults = function(valueAsTyped) {
        $http
            .get(URL, {
                params: {
                    text: valueAsTyped
                }
            })
            .success(function (data) {
                $scope.autocompleteViewResults = data;
            });
  };

Update

If you need to cancel old requests.

var promiseCanceller = $q.defer();
$scope.autocompleteViewResults = {};

$scope.getResults = function(valueAsTyped) {

        promiseCanceller.resolve('request cancelled'); // cancel currently running request
        $http
            .get(URL, {
                params: {
                    text: valueAsTyped
                },
                timeout: promiseCanceller.promise // pass promiseCanceller as the timeout
            })
            .success(function (data) {
                $scope.autocompleteViewResults = data;
            });
  };

edited Feb 23, 2015 at 9:18

answered Feb 23, 2015 at 8:40

Muhammad Reda

27.1k14 gold badges100 silver badges107 bronze badges

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

7 Comments

Atlas91 Over a year ago

tried..but i get a empty string in the querystring. "text"should be the variable i pass in my query when i'm writing.

Atlas91 Over a year ago

perfect it works..the "problem" is still the calls..every time i type something starts a call so i get even 10 calls in queue. have you got a solution maybe using a promise or something other method?

Muhammad Reda Over a year ago

Updated the answer. I commented the added lines.

Atlas91 Over a year ago

Ahahah now it aborts every call :) from first to last word i type in my input text

Atlas91 Over a year ago

SOLVED! thank you. I created a function with inside promiseCanceller.resolve("user cancelled"); promiseCanceller = $q.defer(); and i call it just before http call. It works!

|

Collectives™ on Stack Overflow

Angularjs - Abort/cancel running $http calls

1 Answer 1

Update

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Update

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related