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

Sending and receiving data between two pages

我正在开发一个基本的投票系统,我有 2 个 HTML 页面(都在同一个域中)。 在第 1 页上有两个按钮,用户应从中选择一个。 第 2 页 我想在图表中可视化所选选项。 目标是如果在页面 1 上单击按钮,页面 2 上的数据会自动更新,而无需刷新整个页面。

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

我还看到有可能使用 WebSockets。由于我只熟悉 HTML 和 JavaScript,我想知道是否可以在不在本地设置服务器和 运行 的情况下解决我的问题。如果那不可能,什么是解决我的问题的最好(也许最简单)的方法?

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

请参阅此处 documentation for setInterval

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

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