保留頁面狀態

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將數據發佈到服務器，並在前進/後退時重建此數據。