[解決済み] フォーム内のボタンがクリックされるとページが更新されないようにする

質問

フォーム内でボタンを使用する際に問題があります。そのボタンが関数を呼び出すようにしたいのです。呼び出すことはできますが、ページがリフレッシュされてしまうという好ましくない結果になってしまいます。

私の簡単なコードは次のようなものです。

<form method="POST">
    <button name="data" onclick="getData()">Click</button>
</form>

ボタンをクリックすると、ページがリフレッシュされて関数が呼び出され、以前のリクエストがすべてリセットされ、以前のリクエストの結果である現在のページに影響を与えます。

ページが更新されないようにするには、どうしたらよいですか？

解決方法は？

を getData() は false を返します。これで直ります。

<form method="POST">
    <button name="data" onclick="return getData()">Click</button>
</form>