在 HTML 頁面之間共享數據
P粉807239416
P粉807239416 2023-10-16 22:00:21
0
2
666

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

P粉807239416
P粉807239416

全部回覆 (2)
P粉491421413

我知道這是一篇舊帖子,但我想我會分享我的兩分錢。 @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],這對您沒有太大幫助。

    P粉717595985

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

    儲存會話的值:

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

    或更永久:

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

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

      最新下載
      更多>
      網站特效
      網站源碼
      網站素材
      前端模板
      關於我們 免責聲明 Sitemap
      PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!