Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLでフォームデータを失うことなく現在のページをリロードするにはどうすればよいですか？

フォームデータを失うことなく現在のページをリロードする最も簡単な方法は、永続ストレージ（localStorage）またはセッションベース（sessionStorage）があり、Webブラウザまでメモリに残っているWebStorageを使用することです。閉じています。

ページをリロードしようとしているときにこれを試してください

window.onbeforeunload = function() {
   localStorage.setItem(name, $('#inputName').val());
   localStorage.setItem(phone, $('#inputPhone').val());
   localStorage.setItem(subject, $('#inputAddress').val());
}
今度は-

のように確認してください 
window.onload = function() {
   var name = localStorage.getItem(name);
   var phone = localStorage.getItem(phone);
   if (name !== null) $('#inputName').val(name); if (phone !== null) $('#inputPhone').val(phone);
   // ...
}

  1. HTML5 localStorage APIを使用してブラウザにデータを保存するにはどうすればよいですか？

    HTML5 localStorageは、文字列データをブラウザに保存し、現在のセッションを超えて存続します。 localStorageは有効期限なしでデータを保存しますが、sessionStorageはセッションのみに制限されます。ブラウザを閉じると、セッションが失われます。 ローカルストレージは、複数のウィンドウにまたがり、現在のセッションを超えて存続するストレージ用に設計されています。特に、Webアプリケーションは、パフォーマンス上の理由から、ユーザーが作成したドキュメント全体やユーザーのメールボックスなど、メガバイト単位のユーザーデータをクライアント側に保存したい場合があります。

  2. データを失うことなく iCloud アカウントを復元する方法 (2022)

    iCloud アカウントの復元 は、データを失うことなくアカウントを安全に取得できるようにするために作成されました。プライバシーの問題により、特定の情報はアカウント復元サービスでは復元できません。ただし、再設定の連絡先として誰かを追加したり、すべてのデータを取得するための再設定キーを作成したりすることはできます。その後、パスワードをリセットし、回復キーを使用してアカウントを回復できます。アカウントの復旧が機能するには、Apple ID でサインインしているすべてのデバイスで最新バージョンの iOS または macOS が実行されている必要があります。 バックアップ、写真、ビデオ、メモ、リマイ