How to trigger function every http request in angularjs

Question

I just wanna know if we can add a function in every http request? ex.

$http.post('/Customer/FecthCustomer');

I mean all throughout the controller without putting the function each and every request there is.

I want to solve a problem where I cant get the page loaded event after the data from the server was fetch. PS(window.setTimeout, window.load, $(document).ready,angular.element(document)) TESTED and DID NOT work, they only trigger every single load of the page.

Try searching with keyword "angularjs http interceptor".

holydragon
– holydragon

2019-03-21 01:53:56 +00:00
Commented Mar 21, 2019 at 1:53 — holydragon
– holydragon, Commented Mar 21, 2019 at 1:53

georgeawg · Accepted Answer · 2019-03-21 02:28:19Z

1

Thanks to @holydragon!

Searched on interceptors.

Created this snippet:

angular.module('myModule', []).config(function($httpProvider) { 
    $httpProvider.interceptors.push(function($rootScope) {
        return {
            'request': function (config) {
                console.log('REQUEST TRIGGERED');
                return config;
            }
        }
    });
})

edited Mar 21, 2019 at 2:28

georgeawg

49k13 gold badges78 silver badges98 bronze badges

answered Mar 21, 2019 at 2:16

Francis Lim

1012 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

How to trigger function every http request 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