javascript - 如何在 javascript 中创建表格并保存在内存中以便在 Web 应用程序中的另一个页面上使用

Question

我有两个 html 文件，它们是我的应用程序中的两个页面

第 1 页 = Home.html

第 2 页 = Stats.html

加载第 1 页后，我对 Facebook API 进行 AJAX 调用，该 API 返回一些数据，然后我想使用该数据构建一个表。

然后，我希望将表格保留在内存中，并在用户导航到第 2 页时将其附加到第 2 页上的 div。

这样，用户的等待时间就大大减少了，因为在用户从第 1 页导航到第 2 页的时间内，浏览器的大部分工作已经完成。

Answer 1

Stats.html 页面应查看从 Home.html 获取的缓存数据。这在技术上完全可能。

在提供一些详细信息之前，请确保从 Facebook API 获取数据的代码与您的两个页面之间使用的代码相同。这个想法是创建一个函数:

1. 查找缓存的表数据，如果找到则检索它
2. 如果未找到，则从 Facebook API 获取数据并将其存储在缓存中
3. 返回表格数据

请记住时常清除或覆盖缓存。

为了正确存储数据，主要有两种方式:

1. Cookie

这是在网站上存储数据的传统方式。这些都会在每次请求时发送到您的服务器，这实际上不是必需的，但仍然可以帮助您在客户端。 Cookie 是有争议的，因为存在许多安全缺陷，因此我不建议使用它们。

本地存储

这在浏览器中更现代，但与旧浏览器的兼容性较差。这允许您跨网站存储数据。这种方法越来越常见，我认为你应该使用这个。最重要的是，我建议使用辅助库来简化存储，例如 store .

有关网络存储的更多信息，请访问 Mozilla's .