Overiding angularjs function $http.get

Question

I have the following code:

$http.get(url).success(function(response,status,header,config) {
    $scope.mymodel = response;
}

I want to check the http status and call a function. I have to do this change on about 100 http.get calls in whole project. So I want to skip this overriding the success function like this.

function success(response,status,header,config) {
    if(status!=200){
       //my stuff
    }
    super.success(response,status,header,config);
}

Another possibility is replace $http.get(url).success for $http.get(url).success2 in order to tell my mates: "From now on guys use $http.get(url).success2 is cooler!"

Update

I have already know is a deprecated function, I must use it because is a project requirement.

You can parameter the $http service. Go on docs.angularjs.org/api/ng/service/$http and section "Interceptors". — anotherdev
– anotherdev, Commented Jan 20, 2016 at 13:00
worth noting, .success is deprecated, and .then should be used instead. — Claies
– Claies, Commented Jan 20, 2016 at 13:01
What do you wish to do if the status is 200? An interceptor would be perfect for minimizing duplication. However it will limit what exactly you can do when your in that if block. — ste2425
– ste2425, Commented Jan 20, 2016 at 14:59

Charlie · Accepted Answer · 2016-01-20 14:48:46Z

You should use $httpProvider.interceptors to achieve this.

You can sniff the $http request and response between to do whatever you want and return the $q unscathed.

$httpProvider.interceptors.push(['$q', 'mathScriptLoadError', function($q, mathScriptLoadError) {
                        return {

                            requestError: function(rejection){                            
                                mathScriptLoadError.anyError(rejection);    
                                return $q.reject(rejection);
                            },

                            responseError: function(rejection){                            
                                mathScriptLoadError.anyError(rejection);
                                return $q.reject(rejection);
                            }
                        };
    }]);

In the above code I get the anyError function of the factory mathScriptLoadError to inspect the rejection and invoke some process based on values. But this doesn't disturb the $http.get at any level.

georgeawg · Accepted Answer · 2016-01-20 14:56:10Z

0

Deprecation Notice

The $http legacy promise methods success and error have been deprecated. Use the standard then method instead. If $httpProvider.useLegacyPromiseExtensions is set to false then these methods will throw $http/legacy error.

-- AngularJS $http Service API Reference -- Deprecation Notice

Tell your mates: "From now on guys use $http.get(url).then is cooler!"

For other readers:

Response Interceptors

The AngularJS framework provides three places to inject response interceptor functions.

The $http service, see AngularJS $http Service API Reference -- interceptors.
The $resource service, see AngularJS $resource Service API Reference.
Configuring the $httpProvider, see AngularJS $httpProvider API -- interceptors.

XHR responses can be intercepted and modified globally, locally, or by class.

edited Jan 20, 2016 at 14:56

answered Jan 20, 2016 at 14:17

georgeawg

49k13 gold badges78 silver badges98 bronze badges

2 Comments

Charlie Over a year ago

Please use comments for additional discussions related to the question.

georgeawg Over a year ago

@CharlieH Added information that answers the question.

Collectives™ on Stack Overflow

Overiding angularjs function $http.get

Update

2 Answers 2

Comments

Deprecation Notice

Response Interceptors

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update

2 Answers 2

Comments

Deprecation Notice

Response Interceptors

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related