ページの更新時にHTML入力がクリアされる

Question

<input>フィールドの値をCookieに書き込んだ後、ページを更新するJavaScript関数があります。サーバー側がクッキーの値に基づいてページを再レンダリングできるように、ページをリフレッシュする必要があります。

ただし、ユーザが消去しない限り、ユーザが<input>フィールドに入力した値を失うことは望ましくありません。

どうすればjavascriptでこれを実現できますか？

Answer 1

ユーザーが手動でページを更新している場合は、window.onbeforeunloadをチェックしてください。

ユーザーがフォームを投稿している場合は、バリューサーバー側を吐き出すか、JavaScriptを使用してCookie値を取得します。

Answer 2

更新しないでください。ユーザーを同じurlにリダイレクトしますが、クエリーストリングのパラメータが追加されます。これをJSで取り上げ、テキストボックスに入力します。

Answer 3

あなたはこのJavascriptを使用して、リフレッシュした後、テキスト入力の値を設定しようとしている場合：

var inputval = getCookie('nameofcookie'); 

if(inputval != NULL && inputval != "") { 

    document.getElementById('idofinput').value = inputval; 

} 

は、入力値が中に保存されているクッキーの名前で「nameofcookie」を交換してください"idofinput"をテキスト入力フィールドのIDに置き換えます。