AngularJS timeout http

Question

I got a perfectly working service

this.getcustomers= function() { 
                        var deferred = $q.defer();
                        $http({
                            method: 'GET',
                            url: 'api/customers'
                        }).then(function success(data) {
                            deferred.resolve(data.data);
                          }, function error(error) {
                            deferred.reject(error);
                          });
                        return deferred.promise;
                    };

How do i add a timeout to the above. I tried samples from stackoverflow but nothing is working I need the request to keep trying for 5000 ms and show an error when that time passes. Adding timeout : timeout|promise does not work with me.

Any ideas?

Maybe this one helps stackoverflow.com/questions/15015416/… — Asons
– Asons, Commented Oct 14, 2015 at 8:38

Community · Accepted Answer · 2017-05-23 11:54:24Z

1

What you're looking for is a retry mechanism, rather than a timeout. Timeout means "perform an action after X time", in JS anyway.

See the answer here, should be what you're looking for:
AngularJS service retry when promise is rejected

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Oct 14, 2015 at 8:58

Artless

4,5781 gold badge28 silver badges40 bronze badges

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

2 Comments

user3052526 Over a year ago

That actually worked, but how can i keep on trying for X number of seconds?

Artless Over a year ago

Well, instead of checking number of retries, compare times. Save a timestamp of the first attempt. You can use Date.now() to get a unix timestamp. Then keep retrying until Date.now() - startTime is greater than whatever you want to limit it to.

Gaurav Sachan · Accepted Answer · 2015-10-14 09:01:15Z

0

Here is working link of jsfiddle

function httpRequestHandler () {
            var timeout = $q.defer(),
                result = $q.defer(),
                timedOut = false,
                httpRequest;

            $timeout(function () {
                timedOut = true;
                timeout.resolve();
            }, (1000 * $scope.timeout));

            httpRequest = $http({
                method : 'post',
                url: '/echo/json/',
                data: createData(),
                cache: false,
                timeout: timeout.promise
            });

            httpRequest.success(function(data, status, headers, config) {
                result.resolve(data);
            });

            httpRequest.error(function(data, status, headers, config) {
                if (timedOut) {
                    result.reject({
                        error: 'timeout',
                        message: 'Request took longer than ' + $scope.timeout + ' seconds.'
                });
                } else {
                    result.reject(data);
                }
            });

            return result.promise;
        }

answered Oct 14, 2015 at 9:01

Gaurav Sachan

3201 silver badge10 bronze badges

3 Comments

user3052526 Over a year ago

That was the first one i found, i changed it to .then instead of .success and .error and tried implementing it but did not work

user3052526 Over a year ago

It is recommended as on the $http on AngularJS docs. Or am i missing something?

Gaurav Sachan Over a year ago

yes you can use simple .success and .error callbacks, if your requirement fullfilled.

Collectives™ on Stack Overflow

AngularJS timeout http

2 Answers 2

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related