AJAX i użytkownik opuszczający stronę

Question

Pracuję nad czatem i próbuję ustalić, w jaki sposób mogę wykryć, że użytkownik opuścił stronę. Prawie wszystko jest obsługiwane przez bazę danych, aby uniknąć problemów z front-endem.

Więc próbuję zrobić to, gdy strona zostanie z jakiegokolwiek powodu (zamknięcie okna, przejście do innej strony, kliknięcie łącza, itp.) Wywołanie ajax zostanie odpalone zanim dana osoba opuści, więc mogę zaktualizuj bazę danych.

To co próbowałem:

$(window).unload(function(){ 
     $.post("script.php",{key_leave:"289583002"}); 
}); 

Z jakiegoś dziwnego powodu, to nie będzie działać, a ja sprawdziłem kodu php, i to działa dobrze. Jakieś sugestie?

Answer 1

Spróbuj tego:

$(window).unload(function(){ 
    $.ajax({ 
     type: 'POST', 
     url: 'script.php', 
     async:false, 
     data: {key_leave:"289583002"} 
    }); 
}); 

Zanotuj async:false, tamtędy przeglądarka czeka na żądanie, aby zakończyć.

Używanie $.post jest asynchroniczne, więc żądanie może nie być wystarczająco szybkie, zanim przeglądarka przestanie wykonywać skrypt.

Answer 2

Spróbuj dodać wyskakujące okienko (monit ("zostawiając tak wcześnie?")) Po $ .post. To może działać. Może to być złe wrażenia użytkownika. :)

Answer 3

To nie jest prawidłowy sposób wykonania tej czynności. Załóżmy, że system się zawiesił lub coś się dzieje w procesie przeglądarki, więc to wydarzenie nie zostanie uruchomione. I nigdy nie dowiesz się, kiedy użytkownik opuścił witrynę, pokazując go online po rozłączeniu. Zamiast tego, możesz zrobić.

1. Spróbuj podłączyć gniazdo, tak aby można było wiedzieć, użytkownik jest odłączony, gdy gniazdo jest odłączony
2. można wysłać żądanie do serwera (powiedzmy po każdym 1 sek), tak aby można było wiedzieć, że użytkownik jest nadal podłączony. Jeśli nie otrzymałeś prośby - nawet po 2 sekundach - odłącz użytkownika.

Answer 4

Jest to związane z odpowiedzią powyżej. https://stackoverflow.com/a/10272651/1306144

Spowoduje to wykonanie wywołania ajax co 1 sekundę. (1000)

function callEveryOneSec() { 
    $jx.ajax({}); // your ajax call 
} 

setInterval(callEveryOneSec, 1000);