Как открыть окно предупреждения при нажатии кнопки обновления браузера?

Question

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

Как сделать этот вид окна предупреждения появляться, когда кнопка обновления браузера нажата таким образом, чтобы обеспечить совместимость с браузером?

Answer 1

Вы можете сделать это следующим образом:

window.onbeforeunload = function() { 
    return "Data will be lost if you leave the page, are you sure?"; 
}; 

Это покажет приглашение пользователю, позволяя им отменить. Это не обновление, но для ваших целей (например, редактирование вопроса о SO), которое, похоже, не имеет значения, это потеря информации независимо от того, куда вы уходите.

Answer 2

Нет способа привязать его только к действию обновления, но вы можете посмотреть в window.onbeforeunload. Это позволит вам запустить функцию, которая возвращает строку непосредственно перед выгрузкой страницы. Если эта строка не пуста, появится диалоговое окно подтверждения всплывающих окон, содержащее эту строку и другой текст шаблона, предоставленный в браузере.

Например:

window.onbeforeunload = function() { 
    if (someConditionThatIndicatesIShouldConfirm) { 
     return "If you reload this page, your previous action will be repeated"; 
    } else { 
     return ""; 
    } 
} 

Также, если текущая страница была загружена с помощью POST операции, то браузер должен уже отобразить окно подтверждения, когда пользователь пытается обновить его. Как правило, любое действие, которое изменяет состояние данных на сервере, должно выполняться с помощью запроса POST, а не GET.

Answer 3

Это невозможно. Лучшее, что вы можете сделать, это использовать событие onbeforeunload, но оно запустит любое событие, покидающее текущую страницу. Невозможно настроить таргетинг на кнопку обновления.

См., Например, this question on onbeforeunload

Возможно, было бы лучше создать двойную проверку в вашей базе данных. Это приведет к случайным представлениям с помощью кнопки «назад».

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

Answer 4

Есть два возможных пути с этим, оба совершенно разные.

Одним из способов было бы связать событие с событием onbeforeunload, чтобы вы могли обнаружить, когда пользователь просматривает с текущей страницы. Если моя память служит мне правильно, то onbeforeunload несовместим в разных браузерах (я не думаю, что Opera ответит на него IIRC, но не имеет возможности протестировать). Конечно, это решение выходит из строя, если пользователь отключает JavaScript.

Второй и более надежный способ заключается в реализации Post Redirect Get pattern, который при использовании предотвращает повторную отправку данных, когда пользователь обновляет страницу.

Answer 5

вы можете использовать jquery для этого ... Для этого вам нужно прикрепить js-файл jquery.

<script> 
var count=0; 
$(document).ready(function(){ 
    alert("hi" + (count++)); 
    confirm("sure?") 
}); 
</script>