Javascript函數應該在表單提交后運行，但是沒有完成

Question

在我的HTML表單中，我調用了一個Javascript函數：

<form method="get" onsubmit="dataSubmitted()">
   <input type="text" name="data" id="data_form">
</form>     

這是我的JS函數的開頭：

function dataSubmitted(){

    alert('first');
    let input = document.getElementById('data_form').value;
    alert('second');
    let fs = require('fs');
    alert('third');

當我刷新頁面時，我收到“第一個”和“第二個”警報（此代碼甚至不應該運行）。 當我在表單中提交內容時，我會收到“第一個”和“第二個”警報，然后頁面刷新，之后會再次出現“第一個”和“第二個”警報。 “第三次”警報從未顯示過。 為什么會這樣？

Answer 1

您在DOM加載時調用該函數，更改您的html以刪除dataSubmitted調用，如下所示：

<form method="get" onsubmit="dataSubmitted">
   <input type="text" name="data" id="data_form">
</form>