如何使用 JavaScript 將數據從一個 HTML 頁面傳遞到另一個頁面

Question

我很難將數據從一個 HTML 頁面傳遞到另一個頁面。 我正在建立一個在線商店，我有一個頁面，其中包含我的物品，以及供用戶選擇的按鈕。 我有第二頁，這是我的結帳頁面。 我想這樣做，以便當用戶單擊項目頁面中的項目時，它將被寫入結帳頁面的 DOM 上。 我有兩個主要問題：

1 在 javascript 文件中我有兩個頁面，我有來自項目頁面的按鈕的變量和 eventListerner，我還有我想用 DOM 編寫的結帳頁面中的表的變量。 當我在項目頁面上時，我的表變量在console.log時為 null 。 當我在結帳頁面上時，我得到：

itemsScript.js:44 Uncaught TypeError: Cannot read property 'addEventListener' of null
    at addEventListeners (itemsScript.js:44)
    at Array.map (<anonymous>)
    at itemsScript.js:46 

所以我看到他們沒有正確溝通。

2 我應該將項目的值和名稱放在按鈕本身的哪里？ 也許是一個 data.js 文件，我如何從被點擊的按鈕中獲取這些數據？

Answer 1

結帳頁面是一個全新的網站還是在您的產品網站內實施？

如果是一個完整的新站點，您將觸發一個新請求。 一種方法是使用已經提到的本地存儲/緩存。 這可能是最好的解決方案，因此您不會在正常站點重新加載時丟失任何項目。

如果直接在產品網站上實現，請查看 ajax。 這可能會幫助你。