Как хранить полученные данные из API локально и обновлять эти данные через равные промежутки времени с помощью Javascript?
Я создаю веб-страницу, используя веб-сервисы в Java Script. В настоящее время я реализовал API и отображает данные на веб-странице. Но часто из-за сбоя сервера данные не принимаются, и веб-страница становится пустой.
Итак, я хочу получать данные из API, хранить их локально и обновлять эти данные через равные промежутки времени. Таким образом, мое приложение всегда может использовать локально сохраненные данные, а веб-страница никогда не становится пустой.
Как это сделать, поделитесь, пожалуйста, своим мнением.?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Насколько я могу судить, вы хотите хранить данные локально каждый раз, когда вы извлекаете их из API, поэтому, когда вы открываете страницу в следующий раз, она будет отображать последние извлеченные данные.
В этом случае можно использовать местное хранилище. Однако локальное хранилище не следует использовать для конфиденциальных данных и дополнительных объектов. Кроме того, он хранится в виде строковых данных (JSON), что также имеет некоторые ограничения.
Или sessionStorage может быть опцией для удаления данных, если вкладка закрыта.
@OscarR, конечно, оба расширяют хранилище, так что это действительно зависит от конкретного сценария. Если у него есть запросы, опрашиваемые каждую минуту, которые иногда обновляются пустыми значениями данных и т. д., sessionStorage может быть лучшим подходом.
Я бы посмотрел на Сервисные работники. Это одна из основных технологий для создания офлайн-сайта. Остальной код остается прежним, но сервис-воркер помогает браузеру управлять запросами и кэшированием. Существуют также библиотеки более высокого уровня, которые могут помочь упростить эту задачу, например Рабочий ящик — библиотека от Google, которая «собирает набор лучших практик и удаляет шаблоны, которые каждый разработчик пишет при работе с сервис-воркерами».
Вы можете хранить его в LocalStorage