Call ajax on before page unload

Question

I'm trying to call an ajax before user leaving a page, this what i have done so far. But it doesn't even hit the ajax page. This is what i have done so far.

window.onbeforeunload = closeIt();
function closeIt()
{
    var key="save-draft";

            $.ajax({
                url: "app/ajax_handler.php",
                type:"GET",
                data:{key:key},
                success: function(data)  {
                    return data;
                }
            });

}

I Have tried this one also both failed in my case.

$( window ).unload(function() {});

If server is fast, server process will be executed for sure but you cant confirm it on client — Hemal, Feb 10 '17 at 07:18
http://stackoverflow.com/questions/7794301/window-onunload-is-not-working-properly-in-chrome-browser-can-any-one-help-me — suyesh, Feb 10 '17 at 07:22
is there any way to delay the next page loading even if it is working? — hafiz muhammed, Feb 10 '17 at 07:24

score 0 · Answer 1 · answered Feb 10 '17 at 07:33

The only way I think is to let the user know that it's a process on background with a confirm message, that will block the exit until user click on Accept or you've got the response.

Something like that:

window.onbeforeunload = closeIt();
function closeIt()
{
    /*var key="save-draft";

            $.ajax({
                url: "app/ajax_handler.php",
                type:"GET",
                data:{key:key},
                success: function(data)  {
                    return data;
                }
            });*/
  
      setTimeout(function() {
                                return confirm("There is a process that isn't finished yet, you will lose some data. Are you sure you want to exit?");
                        }, 1000);

}

Call ajax on before page unload

1 Answers1