Автоматическая отправка формы, когда пользователь отсутствует на странице

Question

Я пытаюсь понять, как автоматически отправить форму, как только пользователь исчезнет со страницы.Есть ли способ?

Код:

<form class="carform" method="get">
 <input type="hidden" name="number_plate" value="{{ car.number_plate }}">
</form>

Таким образом, когда пользователь нажимает кнопку возврата или вводит другой URL-адрес, форма автоматически отправляет форму, чтобы она могла отправить значениевнутри формы и других представлений можно поймать метод get.

РЕДАКТИРОВАТЬ: когда пользователь изменяет URL-адрес или нажимает кнопку возврата в браузере

Answer 1

Вы можете использовать событие window.onbeforeunload, но оно не сработает при обновлении страницы.

window.onbeforeunload = closingCode;
function closingCode(){
    document.getElementById("form").submit();
    return null; //<-- this prevents the dialog confirm box
}

Answer 2

Попробуйте это:

window.addEventListener('beforeunload', async (event) => {
    event.preventDefault();
    event.returnValue = ''; // For chrome

    await submitYourFormFunction();
});

Это хорошо работает, когда вы обновляете страницу и нажимаете кнопку "Назад" в браузере.