如何使用 JavaScript 将数据从一个 HTML 页面传递到另一个页面

Question

我很难将数据从一个 HTML 页面传递到另一个页面。 我正在建立一个在线商店，我有一个页面，其中包含我的物品，以及供用户选择的按钮。 我有第二页，这是我的结帐页面。 我想这样做，以便当用户单击项目页面中的项目时，它将被写入结帐页面的 DOM 上。 我有两个主要问题：

1 在两个页面的 javascript 文件中，我有变量和 eventListerner 用于项目页面中的按钮，并且我还有结帐页面中我想用 DOM 编写的表的变量。 当我在项目页面上时，我的表变量在console.log 时为空。 当我在结帐页面上时，我得到：

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。这可能会对您有所帮助。