error handler of $http in angularjs

Question

I have an interceptor that does if (response.status !== 200){ return $q.reject(response.statusText); }

Then in my $http I do

$http({
    method: 'POST',
    url: '/something/parameters',
    data: JSON.stringify(data)
  })
  .success(function(data, status, headers, config) {
    //
  })
  .error(handleError);

function handleError(data) {
  console.log(data) //undefined?!
}

I got undefined.

But when I do .error(function(data){ console.log(data) }) I got the response statusText, why? I have to split the function out because I have a service need to be triggered.

You're missing the "data" parameter in the $http call...

Vi100
– Vi100

2016-11-16 09:49:04 +00:00
Commented Nov 16, 2016 at 9:49 — Vi100
– Vi100, Commented Nov 16, 2016 at 9:49
what should I do then? .error(handleError(data)); ?

Jess Jordan
– Jess Jordan

2016-11-16 09:51:49 +00:00
Commented Nov 16, 2016 at 9:51 — Jess Jordan
– Jess Jordan, Commented Nov 16, 2016 at 9:51
tried, nope. @Vi100 it doesn't matter.

Jess Jordan
– Jess Jordan

2016-11-16 09:55:21 +00:00
Commented Nov 16, 2016 at 9:55 — Jess Jordan
– Jess Jordan, Commented Nov 16, 2016 at 9:55
check response.data

Sangram Badi
– Sangram Badi

2016-11-16 10:23:15 +00:00
Commented Nov 16, 2016 at 10:23 — Sangram Badi
– Sangram Badi, Commented Nov 16, 2016 at 10:23

Vi100 · Accepted Answer · 2016-11-16 09:56:42Z

Well, several things:

1) You are not providing the data parameter in your POST call. If you're not going to post anything, just use a get, or at least remove the ',' after the url parameter...

2) The structure you're using to make the $http call is DEPRECATED and is going to be removed in Angular 1.6 when it goes out from beta. Use this signature instead:

$http({
  method: 'POST',
  url: '/someUrl',
  data: hereTheDataYouWantToPost
}).then(function successCallback(response) {
    // this callback will be called asynchronously when the response is available
  }, function errorCallback(response) {
    // called asynchronously if an error occurs or server returns response with an error status.
    console.log(response.data);
  });

3) The response data is now attached to de response parameter... (that is: response.data) inside the callbacks.

See Angular $http for a complete reference

Collectives™ on Stack Overflow

error handler of $http in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related