當請求已經發布但響應尚未到來時，如何防止刷新瀏覽器窗口？

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>