Мне нужно захватить событие window.onbeforeunload

Question

Я работаю над проектом, в котором мне нужно захватить событие закрытия браузера (unload или beforeunload). Для этого я попробовал код ниже, но он не работает.

Код работает, только если я открываю окно консоли браузера (может быть, только на секунду), но требуется, иначе он не работает.

Пример

$(window).on('beforeunload', function(e) {
 $.ajax({
    type: "POST",
    url: "url",
    data : {'value' : 1},
    dataType:'json'
 });
  return false;   
});

Answer 1

API маяка предназначен именно для этого. Отправка запроса по мере выгрузки страницы. https://developer.mozilla.org/en-US/docs/Web/API/Beacon_API

В запросах маяка используется метод HTTP POST, и запросы обычно не требуют ответа. Запросы гарантированно инициируются до того, как страница выгружена, и они выполняются до завершения, не требуя блокирующего запроса (например, XMLHttpRequest).

window.onunload = function analytics(event) {
  if (!navigator.sendBeacon) return;

  var url = "https://example.com/analytics";
  // Create the data to send
  var data = "state=" + event.type + "&location=" + location.href;

  // Send the beacon
  var status = navigator.sendBeacon(url, data);

  // Log the data and result
  console.log("sendBeacon: URL = ", url, "; data = ", data, "; status = ", status);
};