Как предотвратить обновление окна браузера, когда запрос уже опубликован, но ответ еще не поступил?

Question

Допустим, у меня есть HTML-форма и кнопка отправки.Когда я нажимаю кнопку отправки, я отправляю запрос на публикацию на сервер для обработки.

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

Я реализовал POST / REDIRECT / GET, но проблема заключается в том, что даже до перенаправления сервера, и если запросвсе еще в процессе, затем я хочу отключить обновление, пока сервер не перенаправит запрос.

Answer 1

вам нужно event.preventDefault (), чтобы предотвратить обновление страницы

<form action="#" method="post" onsubmit="return ValidationEvent()">
...
...
<script>
function ValidationEvent(event) {
event.preventDefault(); //prevent refresh of page

// your ajax api call here
}
</script>