javascript - ページの状態を保持する

Question

私のページにはいくつかのセクションがあり、そのうちのいくつかは、スライダー、ページネーション、フィルターなどの js イベントで変更できます。このデータを保存して、ユーザーがブラウザーの履歴 (戻るボタンと進むボタン) を使用して前後に移動したときに状態が保持されるようにする必要があります。つまり、ユーザーは、クリックして離れたときにページを離れたときと同じ状態でページを表示する必要があります。

js イベントによって駆動されるセクションがいくつかあるため、html5 の履歴機能を使用したくありません。URL が乱雑になり、他の人とページを共有するときに有効な情報が追加されないからです。

つまり、URLを変更せずにページの状態を復元または維持したいと考えています。これを実装する明確な方法はありますか？

ありがとう。

Answer 1

localStorageを使用して、次回読み取ることができるプロパティを保存できます。

書く ：

localStorage['key'] = 'value';

読んだ ：

var val = localStorage['key'];

デフォルト値で読み取ります (たとえば、最初の接続の場合):

var val = localStorage['key'] || 'default value';

Answer 2

これらの値をローカル ストレージ/セッション ストレージに保存できます。AJAX でデータをサーバーに投稿し、前方/後方を通過するときにこのデータを再構築することもできます。