How to make angularjs $http POST call when user refresh a page?

Question

controller:

app.run(function ($rootScope, $templateCache) {
    $rootScope.$on('$viewContentLoaded', function ($scope, $http) {     
        $templateCache.removeAll();
        alert("refresh.....");
        $http({
            url: '/angularjs-restful/check/check-session',
            method: "POST",
            data: {},
            isArray: false
        }).success(function(data, status, headers, config){
            alert("success.....");
            console.log('status: ' + status);
            console.log('data: ' + data);
        }).error(function(data, status, headers, config){
            alert('error');
        });        
        alert("end.....");
    });       
});

I need to make an AJAX call when a user hit f5 on keyboard or manually refresh the page with a mouse. How can I achieve this? the url is a rest service that either return true or false.

Jayantha Lal Sirisena · Accepted Answer · 2014-03-21 03:46:05Z

0

you can use window.onbeforeunload function to listen to the unload event which should fire on f5.

function ctrl($scope, $window) {
    angular.element($window).bind('beforeunload', function() {
        console.log('do ajax call');
    });
}

edited Mar 21, 2014 at 3:46

answered Mar 21, 2014 at 3:25

Jayantha Lal Sirisena

21.4k11 gold badges74 silver badges94 bronze badges

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

3 Comments

miqh Over a year ago

I would instead recommend binding to the beforeunload event using the $window service in case you need to test your AJAX call through mocks. Example: jsfiddle.net/LkPJX

onelazyguy Over a year ago

I tried and still does not work. How do I add your code onto the code that I posted above? When I refresh the page, the alert("refresh.....") is working fine and after the alert, I need to make an ajax call using $http to call a service...I added the code that you provided "angular.element($window).bind('beforeunload', function() { console.log('do ajax call'); });" but it does not run after alert has finished

Jason Rust Over a year ago

If testing on IE you'll need to also call $rootScope.$digest().

Collectives™ on Stack Overflow

How to make angularjs $http POST call when user refresh a page?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related