如何在本地存储从API检索的数据并使用Javascript等间隔更新这些数据？

Question

我正在使用Java Script中的Web服务构建网页。目前，我已经实现了API，并且可以在网页上显示数据。但是，由于服务器故障，很多时间没有收到数据，并且网页变空了。

因此，我想从API提取数据并将其存储在本地，并以相等的时间间隔更新这些数据。因此，我的应用程序可以始终使用本地存储的数据，并且网页永远不会为空。

该怎么做，请分享您的观点。

Answer 1

据我所知，您希望每次从API提取数据时都在本地存储数据，因此，下次打开该页面时，它将显示上一次提取的数据。

在这种情况下，可以使用localStorage。但是，本地存储不应用于敏感数据和高级对象。另外，它还存储为字符串数据（JSON），因此也有一些限制。

Answer 2

我会研究Service Workers。这是创建具有离线功能的网站的主要技术之一。您的其余代码保持不变，但是服务工作者可以帮助浏览器管理请求和缓存行为。还有一些更高级的库可以帮助简化此过程，例如Workbox-Google的库，它“借鉴了一组最佳实践，并消除了每个开发人员在与服务工作者一起工作时编写的样板。”