Catch http error in angular js

Question

I'm not able to catch the http error in the error function call back when posting an http request.

Here is the client side:

$http.post('/updateBuildings', 
            $.param(
                {'element_id': element_id}
            )).success(function(data) {
                tmp.GetBuildings(data.new_building_id);         
            }).error(function(data) {
                console.log('response: ',data);
            });

    };

The server side is returning an http error deliberately : status code: 401, msg: "Sorry, access denied."

The browser (google chrome) writes to the log by itself (see attachment) but I'm not able to catch the error in angular and present an alert for the user for example.

Any ideas?

Thanks

http://stackoverflow.com/questions/22113286/prevent-http-errors-from-being-logged-in-browser-console — Mohammad Sepahvand, Oct 07 '14 at 06:55
I dont want to prevent the browser from logging. I want to also handle the error in angular — omer bach, Oct 07 '14 at 07:03
Do you have any interceptors setup? If so, could they be turning failures into successes? — Michal Charemza, Oct 07 '14 at 12:27

score 1 · Answer 1 · answered Oct 07 '14 at 07:04

I've had problems using success and error: they don't behave quite as I expect with respect to promises chaining and errors. While I'm not sure if that's what's going on here, I would suggest not using success and error, but use the standard promise then / catch functions.

$http.post('/updateBuildings', $.param({
  'element_id': element_id
})).then(function(response) {
  return tmp.GetBuildings(response.data.new_building_id);         
}).catch(function(error) {
  console.log('response: ', error.data);
});

Tried that but still the error is not caught in the angular code — omer bach, Oct 07 '14 at 11:02

Catch http error in angular js

1 Answers1