Наилучшее решение повторяющихся запросов?

Question

[Alex]

В силу архитектурных особенностей один и тот же сетевой запрос к API может выполняться несколько раз в пределах нескольких минут.

Подробнее

Браузерное расширение. Являет собой что-то на подобии плей-листа. Пользователю показывается кнопка для просмотра и в этот момент загружается список доступных видео, чтобы показать пользователю информацию о том, есть ли среди них новые. Когда он нажимает "Начать" открывается другая страница, где опять выполняется тот-же сетевой запрос (по тому же пути, с теми же параметрами).

API стороннего сервиса и к нему я доступа не имею. Вероятность что за несколько менут ответ от сервера поменяется крайне мала. Обычно данные обновляються не чаще чем раз в час.

Что придумать в этой ситуации? Я думаю в сторону кэширования. Я знаю что есть Cache API но никогда с ним не работала. Там есть механизм, чтобы кэшировать ответ на время, скажем чтобы данные автоматически удалялись из кэша если они были сохранены более 10 минут назад?

Или может есть какой другой подход для решения этой проблемы?

Answer 1

[Stalker_RED]

https://developer.mozilla.org/ru/docs/Web/API/Cach...

Другой вариант: записать json с данными в localStorage, и дату рядышком.
Если не сильно устарели - используем. Если сильно - запрашиваем заново, и обновляем.

Comments

[Alex]

У объектов в Cache storage есть дата создания?

[Alex]

В отладчике, на пример, я вижу отображается дата сохранения. Но как её получить програмно? Чтобы проверить не устарел ли кэш

[IDONTSUDO]

Alex, используйте moment.js сохраняйте дату в переменную. Если вам нужно делать через определенные промежутки то setinterval. Затем кладете ее в локал сторадж. И дальше вызывайте из local storage эту переменную. Если ваш интервал к примеру 10 минут. То делайте новую дату. И минусуйте значений. Допустим. 22:20 - 22:01 если результат выполнения этой функции будет равен нулю или уйдет в минус. То делайте снова ajax запрос. Не забывая обновить время.

[Stalker_RED]

IDONTSUDO, а зачем moment.js?

[IDONTSUDO]

Stalker_RED, у moment можно получить конкретно только время.

[Stalker_RED]

IDONTSUDO, а зачем? timestamp удобнее же.

а если только время, то будут глюки в полночь

[IDONTSUDO]

Stalker_RED, что бы не писать перебор полученной даты. Это не сложно.Но человек на такие простые вопросы не может ответить. Тем более, это всего лишь плагин для браузера.И страница не будет перегружаться. А насчет полночи, исключение можно написать.

[Stalker_RED]

IDONTSUDO, какой еще перебор?

разница = сейчас - времяСохранения
иф (разница > 100500) {
   пора обновлять
}

[IDONTSUDO]

Stalker_RED,

var now = new Date();
console.log( now );
//Fri Aug 02 2019 09:19:06 GMT+0300 
//Проблема в том что мы получаем дату не в очень стандартном виде. И по сути, есть 1 нормальное решение использовать Unix epoch через Date.now()

P.S. Я понял что я дебил, а вы про это и писали.

[Alex]

IDONTSUDO, Так то дата приводится к скалярному значению
new Date() - 10000 // -> 1564727521006
Но использование Date.now() если не ошибаюсь будет чуть побыстрее

Answer 2

[ettychel]

Можно использовать Cookie

document.cookie = "not_refresh=true; max-age=600";

потом можно просто проверить
понадобится функция для чтения Cookie:

function getCookie(name) {
  let matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
  ));
  return matches ? decodeURIComponent(matches[1]) : false;
}

И проверочка:

if (!getCookie(not_refresh)) {
  // пора обновить
}