フォーム内でボタンを使用する際に問題が発生します。ボタンで関数を呼び出すようにしたいのですが、呼び出しは行われますが、ページが更新されるという望ましくない結果になります。
私の簡単なコードは次のようになります
<form method="POST">
<button name="data" onclick="getData()">Click</button>
</form>
ボタンをクリックすると、ページが更新された状態で関数が呼び出され、以前のリクエストがすべてリセットされ、以前のリクエストの結果である現在のページに影響します。
ページの更新を防ぐにはどうすればいいですか?
ベストアンサー1
type="button"ボタンに追加します。
<button name="data" type="button" onclick="getData()">Click</button>
typeボタンののデフォルト値は ですsubmit。これにより、フォームが自動的に投稿され、更新されたように見えます。