timeout handler returning data in angularjs

Question

Based on this answer I´m currently trying to create a service which returns data even if the request wasn't successful but it timed out.

this.getStatus = function()
    {
        var timeoutPromise = $timeout(function () {
            canceler.resolve();
            console.log("Timed out");
        },250);

        var canceler = $q.defer();

        $http.get("data.js", {timeout: canceler.promise} ).success(function(data){
          console.log(data);

          $timeout.cancel(timeoutPromise);

          return data;
        });
    };

This is how the Service with the $http request is called

var promises = [
    firstService.getStatus(),
    secondService.getStatus(),
    thirdService.getStatus()
];

$q.all(promises)
   .then(function (serviceResults) {
        //process Data in case of success
        console.log("Result First Service: "+ serviceResults[0]);
        console.log("Result Second Service: "+ serviceResults[1]);
        console.log("Result third Service: "+ serviceResults[2]);
    })
    .catch(function() {
        //process Mock data in case of Failure
    });

It should return either the data from the response if the request was successful or some placeholder data in case of a timeout.
So how is it possible to return data if the request times out?

why do you want to show your data when it reached at certain time while doing the request? What if the data takes longer or less than your timeout? you can use catch to see if your request fails, .catch(function(response){}) then process it there or do whatever when it sees the request has failed. — MrNew
– MrNew, Commented Jun 29, 2017 at 23:48

tiagodws · Accepted Answer · 2017-07-18 21:37:44Z

0

You could:

this.getStatus = function()  {
    var deferred = $q.defer();
    var timeoutPromise = $timeout(function () {
        deferred.resolve(
          // MOCKED DATA HERE
        );
        console.log("Timed out");
    }, 250);

    $http.get("data.js", {timeout: canceler.promise} ).then(function(data){
      $timeout.cancel(timeoutPromise);
      deferred.resolve(data);
    }).catch(deferred.reject);

    return deferred.promise;
};

This way, if the request is successful it resolves with the response data. If it timeouts, it resolves with the mocked data. If another error happens before the timeout, it rejects the promise with the response error.

answered Jul 18, 2017 at 21:37

tiagodws

1,39514 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

timeout handler returning data in angularjs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related