Задать вопрос
@ZaxapKramer
Больной верстальщик
javascript

XMLHttpRequest; Как закэшировать результаты запросов до перезагрузки страницы?

Здравствуйте. Делаю небольшой сайт с использованием Ajax - XMLHttpRequest.
JQuery нашел для этих дел тяжеловатым (самая большая страница весит около 100кб, JQuery - 85кб), использую нативный js.
HTML5 History API, при смене адреса в строке браузера подгружается контент из соответствующих php-файлов (например, при переходе на /page/1 отдается /index.php?page=1).

Необходимо, чтобы при переходе на предыдущие/следующие страницы (кнопки "Назад"/"Вперед" в браузере), возвращались уже закэшированные результаты, дабы не загружать каждый раз все по-новой. Как это можно организовать без JQuery (не на год-два, а просто до перезагрузки страницы)? Или же такого рода кэширование включено в XMLHttpRequest по-умолчанию (чего я не увидел, возможно, ввиду непонимания, как это можно проверить вообще, и незнания)?
P.S. Google выдает море информации о том, как отключить кэширование в XMLHttpRequest или включить его в JQuery, а о включении данного в XMLHttpRequest практически ни слова.
  • Вопрос задан
  • 501 просмотр
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
AppFA
@AppFA
Frontend developer at Yandex
Ну можно как-то так, завести кэш, проверять есть ли в нем текущая страница, если да - то отдавать её, если нет - отправлять запрос, ложить в кэш:
'use strict';

let cache = {};
let url = '/index.php?page=1';

const page = document.querySelector('.page');

if (!cache[url]) {
    fetch(url)
        .then((response) => {
            return response.text();
        })
        .then((data) => {
            cache[url] = data;
            page.innerHTML = data;
        });
} else {
    page.innerHTML = cache[url];
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка бота в Telegram (POIZON)
16 апр. 2024, в 06:30
30000 руб./за проект
Исправить ошибку в пагинации 1с-битрикс
16 апр. 2024, в 05:27
500 руб./за проект
Ментор по программированию
16 апр. 2024, в 04:35
10 руб./в час
Ещё заказы