Как правильно выполнить запрос перед закртием/загрузкой другой страницы?

Question

[Vadim Grechin]

Перед переходом на другую страницу или когда пользователь принудительно закрывает вкладку браузера необходим передать на сервер некоторые данные. Отправку выполняю POST запросом.
В Chrom работает, хотя были случаи, когда этот запрос не выполнялся.
В Firefox запрос вообще не выполняется.
Сделал запрос синхоронным.
Работает везде.
Но правильно ли его выполнять синхронно?
Какие еще могут быть решения?

Answer 1

[dollar]

А других официальных вариантов и нет. Только синхронно.

Перед закрытием дергается onbeforeunload, в котором вы что-то делаете, и далее, после передачи управления, никаких гарантий существования страницы больше нет. То есть в случае асинхронного запроса ответ может вернуться в никуда или быть прерванным.

Более правильно не выполнять запрос вообще. Вместо этого нужно записать куда-нибудь в куки или localStorage информацию, и при следующем посещении сайта отправлять её туда-сюда, сколько угодно раз. Если же нужно детектить именно само закрытие, то можно раз в N секунд делать ajax или другим способом поддерживать соединение, и по таймауту считать пользователя "отвалившимся".

Код, который может помочь

window.addEventListener("beforeunload", e => {
	if (is_test_passed) {
		return;
	}
	let message = "Вы уверены, что хотите закончить тест?";
	if (typeof e == "undefined") {
		e = window.event;
	}
	if (e) {
		e.returnValue = message;
	}
	return message;
}

Comments

[Vadim Grechin]

Спасибо за ответ!

Что касается

Более правильно не выполнять запрос вообще

, то в моем случае так сделать нельзя т.к. запрос отправляет последний ответ пользователя на вопрос текущей страницы теста/анкеты.
Пользователь может:
- кликнуть по кнопке "завершить" (правильное действие)
- закрыть окно (неправильное действие)
но ответ должен уйти на сервер.
Во втором случае я на onbeforeunload вешаю запись ответа пользователя.

[Robur]

отправляйте ответ сразу как только пользователь его выбрал. Выбрал другое - еще раз. Если ничего не пришло после этого в течении какого-то времени - считайте что последний ответ и есть ответ пользователя, который он выбрал и закрыл страницу.

[dollar]

Robur, да, я бы так и сделал.

В дополнение к этому можно запрещать покидать страницу, ЕСЛИ от сервера не пришло подтверждение, что последние изменения успешно получены. То есть пользователь меняет последний ответ, скрипт отправляет сообщение на сервер и ждет ответа. При этом локально устанавливает переменную is_test_passed в значение false. Как только приходит ответ, скрипт локально меняет значение переменной is_test_passed на true. Вот и всё. В большинстве случаев ответ придет быстро. Но иногда, когда либо сервер барахлит, либо интернет плохой (или вообще отвалился), или пользователь супер ниндзя и делает всё быстро, ответа не будет. Тогда задаем пользователю вопрос - и он решает, покинуть ли страницу. Ну и велик шанс, что пока пользователь будет думать, ситуация разрешится сама собой.

В свой ответ я добавил код функции, которая предупреждает пользователя.

[dollar]

Vadim Grechin, для "спасибо" есть две кнопки. Здешняя культура и правила такие, что слово спасибо в виде текста по сути является флудом. Хотя строгого запрета подфлуживать в комментах, конечно, нет :)

[Vadim Grechin]

dollar, я на кнопку "Нравится" нажимал и после ответа и сейчас под каждым комментом :))
А какая 2-я кнопка "спасибо"?

[dollar]

Vadim Grechin, "Отметить решением". У вас такая не отображается?)

[Vadim Grechin]

dollar, отметил))