如何使用 HTML5 在 HTML 頁面之間安全地共享資料？

在 HTML 頁面之間共享資料

當需要在 HTML 頁面之間通訊資料時，就會想到查詢參數。但是，此方法會將資料暴露在 URL 中。幸運的是，HTML5 提供了使用 JavaScript 或 jQuery 實現安全、無縫資料共享的替代解決方案。

為了解決資料外洩的問題，HTML5 引入了 sessionStorage 和 localStorage 等儲存物件。這些物件允許開發人員儲存鍵值對以供臨時（基於會話）或永久（跨會話）使用。

使用 SessionStorage

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

此在目前會話期間儲存與鍵關聯的值。

要擷取儲存的值：

sessionStorage.getItem('label');

使用LocalStorage

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

即使在瀏覽器重新啟動後，這也會永久儲存與鍵關聯的值。

要檢索儲存的值：

localStorage.getItem('label');

透過利用HTML5 儲存對象，您可以安全地在之間儲存表單資料多個頁面，確保即使重新載入瀏覽器後資料仍然可訪問。

以上是如何使用 HTML5 在 HTML 頁面之間安全地共享資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！