Подтвердите, что выходите из браузера Exit/On Browser Exit Techniques

Question

Я некоторое время искал вокруг и не совсем нашел то, что искал. На моей веб-странице хранятся отчеты, и у пользователя есть возможность сохранять эти отчеты.

Я ищу метод, используя jquery или javascript onunload/onbeforeunload, чтобы спросить пользователя, хотят ли они сохранить отчет или продолжить, не сохраняя при закрытии/навигации браузера.

Использование onbeforeunload Я могу дать пользователю возможность остановить навигацию и сохранить вручную, хотя я бы предпочел, чтобы сохранение было выполнено через диалоговое окно. Другая проблема с onbeforeunload заключается в том, что нажатие тегов вызывает метод onbeforeunload.

Сохранение является асинхронным и занимает несколько миллисекунд.

Любые предложения приветствуются.

С уважением, Байрон Кобб.

Answer 1

Это, вероятно, единственный раз, когда syncronized Звонок Ajax является разумным.

window.onbeforeunload = function(){ 
    $.ajax({ 
     url:  'somewhere', 
     type:  'POST', 
     dataType: 'text', 
     async: false, 
     data:  'you_data_here', 
     success: function(data){ 
     } 
    }); 
}; 

Таким образом, вы должны быть в состоянии передать часть ammout данных на сервер, в то время как блоки брАузЕра выгрузки. Это имеет некоторые недостатки. Самое очевидное, вероятно, это не то, что большой пользовательский опыт в зависимости от того, сколько данных нужно передавать и сколько времени потребуется.
Другое, что этот метод недоступен в некоторых (более старых) браузерах.

Хорошей альтернативой является, возможно, автоматическое сохранение ваших данных время от времени или после каждого действия.

Answer 2

 $(document).ready(function() { 
      //below turns off popup on a tags, buttons, :input is for a submit in ie and img tags 
      $("a").click(RemoveUnload); 
      $("button").click(RemoveUnload); 
      $(":input").click(RemoveUnload); 
      $("img").click(RemoveUnload); 
     }); 

     RemoveUnload(){window.onbeforeunload = null;}