Ajax call on onbeforeunload event doesn't work (Firefox only)

Ajax call on onbeforeunload event doesn't work (Firefox only) stackoverflow

17 Oct 2023 00:00 IST

Updated On 13 Nov 2023 18:10 IST

New Update

Hill-Stations-in-Karnataka-that-You-Must-Visit-scaled

I need to make an Ajax call when a user leaves my page.
I don't need to wait for the end of the call, I just need to notify my server with a kindly "hey, user XXX is leaving the page", without notifying the client.

Here is what I've done so far :

window.onbeforeunload = function () {
    $.ajax({
        type: "POST",
        url: myURL,
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify({ xxx: xxx, yyy: yyy })
    });
}

This perfectly works with Chrome and Edge, but this event is not raised on Firefox.

What I've done so far :

I tried this SO answer, as the author claims it works and has a good score, but once again, my ajax call is not fired.
Add async: false without any success
Also tried to use beforeunload instead of onbeforeunload

Can anyone explain me how to fire my Ajax call when an user leaves a page, no matter he uses Chrome, Edge or Firefox ? Thanks in advance ?

Oct 17, 2023 10:41 IST

answer 1

How can you tell it isn't working?

In general, there's little time between beforeunload event, unload event and actual page exit. At page unload all running scripts are dropped (browser than closes the window or navigates to address provided by user for example).

What might be happening here is browser doesn't really have time to send ajax request before page is unloaded.

I've seen couple of ways to ensure your final request before page unload will be completed. One of them is sending request and then introducing loop that is running for X number of miliseconds, postponing unload event and ensuring ajax request can be completed.

Nov 07, 2023 23:23 IST

Table update

S.No	प्लेयर	मैच	ओवर	विकेट	औसत	4-विकेट्स	5- विकेट्स
1	Dilshan Madushanka	8	72	21	22.24	1	1
2	Adam Zampa	8	69	20	19.2	3	-
3	Marco Jansen	8	64.4	17	24.41	-	-
4	Mohammed Shami	4	26	16	7	1	2
5	Shaheen Afridi	8	71	16	25.56	-	1

*Last Updated on 07 Nov, 2023 after the match between Australia and Afghanistan

Nov 02, 2023 13:45 IST

add new update

hello
ufldsfjlskf
dfjdklsajf;dsf
dsajfklsadjfas

Oct 26, 2023 16:57 IST

new update

Advertisment desktop ap 2 1

Oct 26, 2023 16:57 IST

fdsafdsf

safsdfsdafsd

Oct 19, 2023 14:18 IST

fsadfdf

sfdsafdsa

Advertisment place your code second ad

Oct 19, 2023 14:17 IST

gdsgfds

sdfgsfgsd

Oct 19, 2023 14:11 IST

fdsafsa

adsfdasf

fdasf

Oct 19, 2023 13:24 IST

vzxcvczxv

vzcxvzcvxz

Oct 19, 2023 13:13 IST

cccc

ccccccccc

Oct 19, 2023 12:57 IST

fdsafdsa

afsdafsa

Oct 19, 2023 12:56 IST

new update with if

Oct 18, 2023 17:29 IST

fds

Oct 18, 2023 14:47 IST

dfgsdgfsd

dsfgfsdgsdgsg

Oct 18, 2023 14:46 IST

vcbx

cvbxc

Oct 18, 2023 14:45 IST

zzzzzzzzzzzzfdsfsabcvbcvb

dsfadscvxcvc

Oct 18, 2023 14:42 IST

Add New Update

Oct 18, 2023 14:42 IST

vcxvcxbvcx

cxvbxvcbxvcbxc

Oct 18, 2023 14:41 IST

fadsfdsaf

update three

Oct 17, 2023 10:41 IST

second update

The problem is that you use a GET instead of a POST request. The browser may use a cached result from the very first request.

This explains the fact that "it works only on the first time I open IE" as written as in response to another answer.

By the way, the AJAX call in onunload seems to work reliably in IE10 only if you use the parameter async = false in XMLHttpRequest.open(...), which you already did.

Test Tag re-updated v2 youtube 123 shubhman Gill

Advertisment