Angular js http doesn't catch the promise error

Question

I don't know what is happening with angular, it is not catching errors response, I see here questions about this with no answers.

I have a simple http request, I'm getting 400 response and I want to show a message to the user when its happen, the problem is that the part of the 200 is executed.

I have try in two ways:

 this.forgatPassword = function(data) {
      return $http.post('http://someaddress/ForgotPassword', data);  
  }

 $scope.forgatPassword = function() {
        AuthService.forgatPassword($scope.user).then(function(res) {
            $scope.message = true;             
        }, function(error) {
            console.log('rejected');
        });
    }

$scope.forgatPassword = function() {
        AuthService.forgatPassword($scope.user).then(function(res) {
            $scope.message = true;            
        }).catch( function(error) {
            console.log('rejected');
        });
    }

have you tried using $http({ url:".., method: "POST" }).success(function (data) { console.log("success "+JSON.stringify(data)); }).error(function(data){ console.log("Something went wrong"+JSON.stringify(data)); }); — Sudarshan Kalebere
– Sudarshan Kalebere, Commented Dec 11, 2014 at 13:31

Bazinga · Accepted Answer · 2014-12-18 07:40:45Z

5

I have the same problem and i found out that in my auth interceptor i check the response status. if the response status is 401 i do something, but i forgot to set if not to return the promise, so the interceptor doesnt forward the rejection.

So make sure you have this code in the end:

return $q.reject(rejection);

answered Dec 18, 2014 at 7:40

Bazinga

11.3k7 gold badges42 silver badges66 bronze badges

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

Comments

wvdz · Accepted Answer · 2014-12-11 13:32:26Z

0

Try it like this.

    AuthService.forgatPassword($scope.user)
   .success(function(res) {
        $scope.message = true;            
    })
    .error( function(error) {
        console.log('rejected');
    });

answered Dec 11, 2014 at 13:32

wvdz

16.2k4 gold badges60 silver badges97 bronze badges

2 Comments

wvdz Over a year ago

And no errors in the console log? Perhaps it is handled somewhere else. Do you use $httpProvider.interceptors anywhere?

user4207046 Over a year ago

only in the config phase i have general auth interceptor.

Qustion · Accepted Answer · 2014-12-11 20:40:51Z

0

You can inject $q in your service and return a promise manually.

this.forgatPassword = function(data) {
    var q = $q.defer();
    $http.post('http://someaddress/ForgotPassword', data)
        .then(function(response) {
            q.resolve(response.data);
        },
        function(error) {
            q.reject(error);
        });
    return q.promise;
};

$scope.forgatPassword = function() {
    AuthService.forgatPassword($scope.user).then(function(res) {
        $scope.message = true;             
    }, function(error) {
        console.log('rejected');
    });
}

edited Dec 11, 2014 at 20:40

answered Dec 11, 2014 at 20:03

Qustion

3013 silver badges12 bronze badges

Collectives™ on Stack Overflow

Angular js http doesn't catch the promise error

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related