導航到不同頁面時存儲大量數據（> 5MB）

Question

我目前需要在瀏覽網站的不同步驟/頁面時存儲不同的信息。目前我使用sessionStorag - 這里是一個例子

sessionStorage.setItem("src", "" + $('#newImage').attr('src'));

該示例是一個最大為10 MB的圖像。 sessionStorage工作正常，直到限制超過...

你能建議一個替代方案嗎？ 我想不將數據發送到數據庫並每次重新加載它。

Answer 1

我真的不知道你想要做什么，但如果你想，你可以試試這個例子。

First Page.html：

localStorage.setItem("keypressed", "");
localStorage.setItem("keypressed", "<h3>First Page</h3>Your Answer: " + answer + "<br /> Correct Answer: R<hr>");
window.location.href="Second Page.html";
return true;

第二頁page.html：

var res = localStorage.getItem("keypressed");
res+= "<h3>Second Page</h3>Your Answer: " + answer + "<br /> Correct Answer: B<hr>";
localStorage.setItem("keypressed", res);
window.location.href="Third Page.html";
return true;

而其他頁面只需編寫與第二頁相同的代碼。

如果您要將信息或其他內容發送到另一個頁面，只需將此代碼寫入結果頁面或其他內容即可。

結果page.html

var result = localStorage.getItem("keypressed");
document.getElementById("result").innerHTML = result;

然后在結果頁面中創建一個div，如下所示：

<div id="result"></div>

這可能不是你所期望的，但這是你可以發送數據和回顧它的方式，我希望它對你有用!!