0

I am working on a site and currently encounter a problem, i have a user who would be a rider when he comes to my website he must be marked active and when he leaves he must be mark in-active. Well i am able to mark him active and even in-active when he properly log out. But what if he close the browser or the tab. Secondly my web app will mostly be run on mobile phone so what if the rider switch between browser and some other app. I have already tried

window.onbeforeunload = function(event) {
        //My Ajax Request
});

window.addEventListener("unload", function(event) {
        //My Ajax Request
});

but its work great on firefox but only work sometimes on chrome and internet explorer and is not reliable.

I was hoping someone could guide me for any better and reliable approach.

Maaz Khan
  • 131
  • 1
  • 9

2 Answers2

0

Try these approaches:

window.addEventListener("beforeunload", function(event) {
    //My Ajax Request
});

window.attachEvent("beforeunload", function(event) {
    //My Ajax Request
});

Also, use event.preventDefault() before doing your AJAX request.

Alexander
  • 109
  • 1
  • 2
  • 14
0

unload and beforeunload are not considered reliable for Ajax request. you could choose short polling - sending indication to the to server (eg. every x seconds/mins) about user being active. mark user active/inactive based on that.

for switching between tab /mobile apps. you could use windows blur event to indicate the same .

user13258301
  • 1