有没有一种方法可以通过另一页面上发生的事件影响项目中的某个页面

Question

对于一个项目，我正在测试以最快，最有效的方式获取搜索结果，而这些结果的输出始终位于“ results.html”页面上。因此，事后看来，当我在搜索页面中单击搜索按钮时，我将其输入到javascript文件中的结果就会显示在“ results.html”页面中。在这个特定项目中，我将输入“化学，代数，历史和艺术”作为结果，当我输入输入标签时就会显示出来。

  <datalist id="option">
    <option value = "Chemistry"></option>
    <option value = "Algebra"></option>
    <option value = "History"></option>
    <option value = "Art"></option>
  </datalist>

一旦选择了这些选项之一，我就可以重定向到与所有这些信息有关的div。并隐藏其余未要求的信息。

我只是不知道如何使用javascript影响一个页面与另一个页面。

感谢您的帮助或想法，将不胜感激。

Answer 1

要跨多个请求/页面存储数据，必须进行某种状态管理。我倾向于将它们分类为服务器端状态管理或客户端状态管理。

对于客户端，可以使用以下选项。请记住，作为开发人员，我们不能认为客户端存储是理所当然的，因为用户可能已禁用它或可以操纵数据。每个都有尺寸限制。

1. 使用localStorage（数据在浏览器重新启动后会持久保存）/  sessionStorage（仅在用户会话之间保留数据）

2. 使用cookie

3. 如果它是单页应用程序，则可以将数据存储在DOM或 应用程序变量或数据存储。

如果必须在服务器端进行状态管理，则可以考虑。这些与框架无关，每个框架或堆栈都提供自己的实现以实现相同的目的。

1. 查询字符串

2. 页面中的隐藏字段

3. 会话存储

希望这会为您提供下一步的提示。