ホームページ >ウェブフロントエンド >jsチュートリアル >ページをリロードしてもフォーム送信状態を維持するにはどうすればよいですか?

ページをリロードしてもフォーム送信状態を維持するにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2025-01-03 16:49:41860ブラウズ

How Can I Persist Form Submission State Across Page Reloads?

ページの読み込み間で変数を保持する

問題:

フォーム送信イベントをキャプチャする必要があります。送信すると、ページのリロード後もこの情報が保持されるため、ページの再読み込み時にアクセスできるようになります。 reloaded.

グローバル変数を使用した間違ったアプローチ:

<br>var clicked = false;</p>
<p>$(document).ready (関数() {<br> $("inputtype='submit'").attr("onclick", "form.act.value='detailSearch'; clicked = true; return true;");</p>
<p>if (clicked == true ) {</p>
<pre class="brush:php;toolbar:false">// show hidden fields

} else {

// don't show hidden fields

}
});

このコードは、フォーム送信状態をグローバル変数に保存しようとしますが、HTTP が使用されないため効果がありません。ステートレスであり、ページをリロードするたびにすべての変数がリセットされます。

永続データのソリューションストレージ:

クエリ文字列:

  • フォーム送信を示すパラメータを使用してクエリ文字列を更新します。
  • ページの読み込み時に、クエリを解析します。送信されたフォームの状態を取得する文字列。

Webストレージ:

  • HTML5 Web Storage を使用すると、sessionStorage (一時データ用) または localStorage (長期データ用) を使用して、ページ読み込み中にデータをクライアント側にローカルに保存できます。

Cookie:

  • Cookie は、異なるクライアント間で保持できる別のクライアント側のデータ ストレージ オプションです。 Domains.

window.name:

  • その名前にもかかわらず、window.name は文字列値の保存に使用できます。
  • Cookie とは異なり、同じドメイン上のページ間で保持されますが、現在のタブ内でのみ保持されます。

以上がページをリロードしてもフォーム送信状態を維持するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。