フォームボタンをクリックしたときに不要なページが更新されないようにするにはどうすればよいですか?

フォーム内のボタンをクリックしたときにページの更新を無効にする方法

フォーム内のボタンを操作する場合、ボタンをクリックすると望ましくないエラーが発生するという問題がよく発生します。ページを更新すると、ページの前の状態がリセットされます。この更新は、ボタンを使用して関数を呼び出したり、特定のアクションを実行したりするときに発生する可能性があり、その結果、ブラウザーがフォームを自動的に送信します。

この望ましくない動作を防ぐには、ボタンの type 属性を、代わりに「button」に変更します。デフォルト値は「送信」です。デフォルトの「送信」タイプでは、ボタンをクリックするとフォームが自己投稿され、ページが更新されます。

タイプを「ボタン」に設定すると、フォームの自動送信を無効にして、ページの状態に影響を与えることなく目的の関数を呼び出すためのボタン:

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

この変更により、[Click] ボタンをクリックすると、問題を引き起こすことなく "getData()" 関数がトリガーされます。更新するページ。以前のリクエストの結果は保存され、現在のページの状態は影響を受けません。

以上がフォームボタンをクリックしたときに不要なページが更新されないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。