在 HTML 頁面之間共享數據

Question

我想將一些資料從一個 HTML 頁面傳送到另一個 HTML 頁面。我透過 http://localhost/project/index.html?status=exist 等查詢參數發送資料。此方法的問題是資料保留在 URL 中。是否有其他方法可以使用 JavaScript 或 jquery 在 HTML 頁面之間發送資料。

Answer 1

我知道這是一篇舊帖子，但我想我會分享我的兩分錢。 @Neji 是正確的，您可以使用sessionStorage.getItem('label') 和sessionStorage.setItem('label', 'value') （儘管他有setItem 參數向後，沒什麼大不了的）。我更喜歡以下內容，我認為它更簡潔：

var val = sessionStorage.myValue

代替getItem和

#

sessionStorage.myValue = 'value'

代替setItem。

此外，應該注意的是，為了儲存 JavaScript 對象，必須將它們字串化以設定它們，並解析以取得它們，如下所示：

sessionStorage.myObject = JSON.stringify(myObject); //will set object to the stringified myObject
var myObject = JSON.parse(sessionStorage.myObject); //will parse JSON string back to object

原因是 sessionStorage 將所有內容儲存為字串，因此如果您只是說 sessionStorage.object = myObject 您得到的只是 [object Object]，這對您沒有太大幫助。

Answer 2

為什麼不將值儲存在 HTML5 儲存物件中，例如 sessionStorage 或 localStorage，請造訪 HTML5 儲存文件 以取得更多詳細資訊。使用此功能，您可以在本地臨時/永久儲存中間值，然後稍後存取您的值。

儲存會話的值：

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

或更永久：

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

因此，您可以使用 HTML5 儲存物件在多個頁面之間儲存（臨時）表單數據，甚至可以在重新載入後保留這些資料。