如何使用 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。 这可能会帮助你。