保留網頁中的資料

使用查詢參數在 HTML 頁面之間傳遞資料會引發 URL 中資料可見性的問題。值得慶幸的是，JavaScript 和 jQuery 中有替代機制可以跨頁面傳輸資料。

利用 HTML5 儲存物件

為了解決這個問題，HTML5 提供了諸如 sessionStorage 和本地儲存。這些物件提供了一種在瀏覽器本地儲存中臨時或永久儲存資料的方法，以便以後方便檢索。

會話儲存

用於臨時資料儲存在單一瀏覽器會話，sessionStorage 是理想的選擇。在會話結束之前（例如，當瀏覽器標籤關閉時），儲存在 sessionStorage 中的資料仍然可以存取。

sessionStorage.setItem('label', 'value');
sessionStorage.getItem('label');

本地存儲

對於更永久的存儲，localStorage是解決方案。即使關閉並重新開啟瀏覽器，儲存在 localStorage 中的資料仍然存在。

localStorage.setItem('label', 'value');
localStorage.getItem('label');

HTML5 儲存物件的優點

• 資料保持隱藏，避免了 URL 中可見性的問題。
• 儲存的值在多個頁面中持續存在，甚至在瀏覽器刷新後也是如此（對於 localStorage）。
• 非常適合儲存中間表單資料或需要在頁面之間共享的其他基本資訊。