在两个页面之间发送和接收数据

Question

我正在开发一个基本的投票系统，其中有 2 个 HTML 页面（都在同一个域中）。 在第 1 页上有两个按钮，人们应该从中选择一个。 一页 2 我想在图表中可视化选择的选项。 目标是如果在第 1 页点击了一个按钮，第 2 页的数据会自动更新，而不需要刷新整个页面。

为了做到这一点，我尝试将单击的选项保存在本地存储中。我设法通过使用localStorage.getItem('') 编写变量来获取数据。但是，当我获取数据时，我必须手动刷新第 2 页才能显示结果。有没有办法更新第 2 页上的数据？所以如果我按下多个按钮，第 2 页会显示多个响应？

我还看到了使用 WebSockets 的可能性。由于我只熟悉 HTML 和 JavaScript，我想知道是否可以在不设置服务器并在本地运行的情况下解决我的问题。如果这不可能，那么解决我的问题的最佳（也许是最简单）的方法是什么？

Answer 1

也许最好和简单的解决方案是为每个按钮选择设置特定的 url 参数。

然后在第 2 页上，您只需根据 url 参数有条件地显示。

Answer 2

如果您的第 2 页成功读取了从本地存储中获取的变量（正在通过第 1 页上执行的操作进行更新），您可以使用 setInterval 创建一个计时器，以每隔 x 毫秒从本地存储中读取一次.然后图表将自行更新。

在此处查看documentation for setInterval。