Chrome отображает ответ ajax при нажатии кнопки возврата

Убедитесь, что в ваших AJAX-запросах используется URL-адрес, отличный от полного HTML-документа. Chrome кэширует самый последний запрос, даже если он частичный.

https://code.google.com/p/chromium/issues/detail?id=108425 < / а>

На всякий случай, если вы используете jQuery с History API (или какую-то библиотеку, например history.js), вам следует изменить $ .getJSON на $ .ajax с кешем, установленным на false:

$.ajax({
    dataType: "json",
    url: url,
    cache: false,
    success: function (json) {...}
});

На самом деле это ожидаемое поведение системы кеширования в соответствии со спецификациями, а не проблема хрома. Кэш различает запросы только по URL-адресу и методу запроса (get, post, ...), но не по заголовкам запроса.

Но есть заголовок Vary, который указывает браузеру учитывать некоторые заголовки при проверке кеша. Например, добавив Vary: X-Requested-With к ответу сервера, браузер знает, что этот ответ изменится, если заголовок запроса X-Requested-With изменен. Или, добавив Vary: Content-Type к ответу сервера, браузер знает, что этот ответ изменится, если заголовок запроса Content-Type будет изменен.

Вы можете добавить эту строку в свой роутер для PHP:

header('Vary:X-Requested-With');

И используйте промежуточное ПО в node.js:

app.use(function(req, res) {
    res.header('Vary', 'X-Requested-With');
});

Вы также можете добавить случайное значение в конец URL-адреса ajax. Это проигнорирует предыдущий кеш Chrome и запросит новую версию.

url = '/?'+Math.random()

Просто добавьте следующий заголовок к заголовкам ответа:

Vary: Accept

Я не мог указывать разные URL-адреса для каждого запроса ajax, поскольку это была разбивка на страницы, объявление отсутствия кеша в заголовках ничего не дало, поэтому я включил небольшой javascript в представление только тогда, когда заголовки были для запроса ajax:

<script>
if (typeof jQuery == 'undefined') {
    window.location = "<?php echo $this->here; ?>";
}
</script>

Это грязный трюк, но он работает, если содержимое ajax обычно загружается, в контейнер загружен JQuery, поэтому он ничего не делает. Но если вы загружаете предполагаемый контент ajax без окружающего контента, Jquery отсутствует (по крайней мере, в моем случае), поэтому я перенаправляю на текущую страницу, запрашивая обычную страницу GET со всеми заголовками и скриптами.

Если вы поместите его вверху страницы, пользователь не заметит, потому что он не будет ждать, пока страница загрузится, он перенаправит, как только браузер получит эти 4 строки ...

Замени здесь; ?> Судя по текущему URL в вашем приложении, это был CakePhp 2.X

В 2021 году в Chrome все еще была эта проблема.

Проблема заключается в выполнении базового запроса ajax на тот же URL-адрес, что и тот, на котором в настоящее время находится пользователь. Я работал в Symfony, и полное исправление, которое помогло мне, было

$response->headers->addCacheControlDirective('no-cache', true);
$response->headers->addCacheControlDirective('max-age', 0);
$response->headers->addCacheControlDirective('s-maxage', 0);
$response->headers->addCacheControlDirective('must-revalidate', true);
$response->headers->addCacheControlDirective('no-store', true);

/**
 * from https://stackoverflow.com/a/1975677/5418514
 *
 * The HTTP request header 'Accept' defines the Content-Types a client can process.
 * If you have two copies of the same content at the same URL, differing only in Content-Type,
 * then using Vary: Accept could be appropriate.
 */
$response->headers->set('Vary', 'Accept');

Ответ @abraham правильный. Я просто хотел опубликовать решение для Rails: все, что вам нужно, это просто добавить другой путь к routes.rb.

Например, у меня есть resource :people, и я хочу составить индексную страницу из частей ajax, одна из которых - список людей. Самый простой способ - создать index.js.erb и частично загрузить через ajax, используя url: people_path. Но здесь возникает проблема.

Итак, для Rails нужно просто добавить другой маршрут, например

get 'people_list', to: 'people#index', as: :people_list, format: :js

Если я хочу использовать метод index контроллера laravel, который возвращает ответ как html, так и json, я добавляю параметр get в конце конечной точки для передачи кеширования браузера:

axios.get(url, {params: {ajax: 1}})