將根範圍數據存儲在瀏覽器本地/會話存儲中，並在頁面重新加載後加載

Question

團隊，我們已經實現了一個頁面應用程序，我們在根作用域中存儲一些數據以訪問應用程序的其他頁面。一切正常的流程正常工作。我們在刷新瀏覽器時遇到了問題。當用戶在我們的應用程序頁面之一中時，如果用戶刷新頁面，整個數據將從根作用域中丟失。我們嘗試不允許刷新。但是，我們發現這是不可能的，甚至無法添加自定義消息來通知用戶。現在，我們只是在刷新頁面時註銷用戶，這對用戶來說很尷尬，我們的應用程序也不需要那麼多的安全性。因此，我們正在考慮在刷新頁面時在本地存儲中添加完整的根範圍數據，並且在重新加載頁面後，我們會再次將本地/會話存儲數據中的全部數據加載到根作用域。我們必須在一個地方做到這一點。所以，我們不必在單個模塊頁面上實現這一點。 有沒有辦法實現這一點。任何人都可以請建議，如果有另一種方式。

Answer 1

請注意，根據瀏覽器的不同，HTML5本地存儲只有800kb-10mb。我聽說Safari有99 idk。最新的谷歌瀏覽器爲5MB（2/14/17）。

無論如何，你可以通過字符串化JSON來創建一個本地存儲：

localStorage.setItem('myDataStorage', JSON.stringify(myData)); 

然後檢索這些

var myRetrievedData = JSON.parse(localStorage.getItem('myDataStorage')); 

myDataStorage是你創建的localStorage的名稱。如果您願意，可以使用不同的名稱來創建多個localStorages，只需注意每個名稱的大小都是有限的。不要指望使用HTML本地存儲來保存高清影像更影片

也正在做，您檢索到的數據，現在可以通過使用可變myRetrievedData（或任何你想要的變量名）

你的代碼操作