Запретить кеширование браузером результата вызова AJAX

Я использую new Date().getTime(), что позволит избежать коллизий, если у вас нет нескольких запросов, выполняемых в течение одной миллисекунды:

$.get('/getdata?_=' + new Date().getTime(), function(data) {
    console.log(data); 
});

Изменить: этому ответу несколько лет назад. Он по-прежнему работает (следовательно, я не удалял его), но сейчас есть лучшие / более чистые способы достижения этого. Я предпочитаю этот метод, но этот ответ также полезен, если вы хотите отключить кеширование для каждого запроса во время существования страницы.

Следующее предотвратит кэширование всех будущих запросов AJAX, независимо от того, какой метод jQuery вы используете ($ .get, $ .ajax и т. Д.)

$.ajaxSetup({ cache: false });

JQuery $ .get () кэширует результаты. Вместо того

$.get("myurl", myCallback)

вы должны использовать $ .ajax, что позволит вам отключить кеширование:

$.ajax({url: "myurl", success: myCallback, cache: false});

Все ответы здесь оставляют след на запрошенном URL-адресе, который будет отображаться в журналах доступа сервера.

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

Результат, работающий по крайней мере для Chrome, будет:

$.ajax({
   url: url, 
   headers: {
     'Cache-Control': 'no-cache, no-store, must-revalidate', 
     'Pragma': 'no-cache', 
     'Expires': '0'
   }
});

другой способ - не предоставлять заголовки кеша со стороны сервера в коде, который генерирует ответ на вызов ajax:

response.setHeader( "Pragma", "no-cache" );
response.setHeader( "Cache-Control", "no-cache" );
response.setDateHeader( "Expires", 0 );

Лично я считаю, что метод строки запроса более надежен, чем попытка установить заголовки на сервере - нет гарантии, что прокси или браузер все равно не кэшируют его (некоторые браузеры хуже других - не называют имен).

Обычно я использую Math.random(), но я не вижу ничего плохого в использовании даты (не следует выполнять запросы AJAX достаточно быстро, чтобы дважды получить одно и то же значение).

Следуя документации: http://api.jquery.com/jquery.ajax/

вы можете использовать свойство cache с:

$.ajax({
    method: "GET",
    url: "/Home/AddProduct?",
    data: { param1: value1, param2: value2},
    cache: false,
    success: function (result) {
        // TODO
    }
});

Конечно, методы "взлома кеша" выполнят свою работу, но этого не произойдет в первую очередь, если сервер укажет клиенту, что ответ не должен кэшироваться. В некоторых случаях полезно кэшировать ответы, иногда нет. Пусть сервер определяет правильный срок жизни данных. Возможно, вы захотите изменить его позже. Гораздо проще сделать с сервера, чем из множества разных мест кода пользовательского интерфейса.

Конечно, это не поможет, если у вас нет контроля над сервером.

Настоящий вопрос в том, зачем вам это нужно, чтобы это не кешировалось. Если он не должен кэшироваться, потому что он все время изменяется, сервер должен указать, чтобы ресурс не кэшировался. Если он просто иногда меняется (потому что один из ресурсов, от которого он зависит, может измениться), и если у клиентского кода есть способ узнать об этом, он может добавить фиктивный параметр к URL-адресу, который вычисляется из некоторого хэша или даты последнего изменения этих ресурсов (это то, что мы делаем в ресурсах сценария Microsoft Ajax, чтобы их можно было кэшировать навсегда, но новые версии по-прежнему могут обслуживаться по мере их появления). Если клиент не может знать об изменениях, сервер должен правильно обрабатывать запросы HEAD и сообщать клиенту, использовать ли кешированную версию или нет. Мне кажется, что добавление случайного параметра или указание клиента никогда не кешировать неправильно, потому что кешируемость - это свойство серверного ресурса, и поэтому его следует решать на стороне сервера. Еще один вопрос, который следует задать себе: действительно ли этот ресурс должен обслуживаться через GET или он должен проходить через POST? Это вопрос семантики, но он также имеет последствия для безопасности (есть атаки, которые работают только в том случае, если сервер разрешает GET). POST не будет кэшироваться.

Возможно, вам стоит вместо этого взглянуть на $ .ajax () (если вы используете jQuery, как это выглядит). Взгляните на: http://docs.jquery.com/Ajax/jQuery.ajax#options и вариант "кеш".

Другой подход - посмотреть, как вы кешируете вещи на стороне сервера.

Как насчет использования запроса POST вместо GET ...? (Что вы должны в любом случае ...)

Для тех из вас, кто использует параметр cache для $.ajaxSetup() в мобильном Safari, кажется, что вам, возможно, придется использовать временную метку для POST-сообщений, поскольку мобильный Safari также кэширует это. Согласно документации на $.ajax() (на которую вы перенаправлены с $.ajaxSetup()):

Установка для кеширования значения false будет правильно работать только с запросами HEAD и GET. Он работает путем добавления "_ = {timestamp}" к параметрам GET. Параметр не требуется для других типов запросов, за исключением IE8, когда POST выполняется для URL-адреса, который уже был запрошен GET.

Так что установка только этого параметра не поможет вам в случае, о котором я упоминал выше.

Небольшое дополнение к приведенным отличным ответам: если вы используете решение для резервного копирования, отличное от ajax, для пользователей без javascript, вам все равно придется исправить эти заголовки на стороне сервера. Это не невозможно, хотя я понимаю тех, кто откажется от этого;)

Я уверен, что есть еще один вопрос по SO, который предоставит вам полный набор подходящих заголовков. Я не совсем убежден, что ответ miceus охватывает все основания на 100%.

По сути, просто добавьте cache:false; в ajax, где, по вашему мнению, содержимое будет меняться по мере продвижения. И место, где контент не изменится, вы можете пропустить это. Таким образом вы будете получать новый ответ каждый раз

Кэширование Ajax в Internet Explorer: что вы собираетесь с этим делать? предлагает три подхода:

1. Добавьте токен очистки кеша в строку запроса, например? Date = [timestamp]. В jQuery и YUI вы можете указать им делать это автоматически.
2. Используйте POST вместо GET
3. Отправьте заголовок ответа HTTP, который специально запрещает браузерам кэшировать его

Как сказал @Athasach, согласно документации jQuery, $.ajaxSetup({cache:false}) не будет работать для других запросов, кроме GET и HEAD.

В любом случае вам лучше отправить обратно заголовок Cache-Control: no-cache со своего сервера. Это обеспечивает более четкое разделение проблем.

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

Теперь это легко сделать, включив / отключив опцию кеширования в вашем запросе ajax, как это

$(function () {
    var url = 'your url goes here';
    $('#ajaxButton').click(function (e) {
        $.ajax({
            url: url,
            data: {
                test: 'value'
            },
                cache: true, //cache enabled, false to reverse
                complete: doSomething
            });
        });
    });
    //ToDo after ajax call finishes
    function doSomething(data) {
        console.log(data);
    }
});

Если вы используете .net ASP MVC, отключите кеширование действия контроллера, добавив следующий атрибут в функцию конечной точки:

[OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)]

Если вы используете IE 9, вам необходимо использовать следующее перед определением класса контроллера:

[OutputCache (NoStore = true, Duration = 0, VaryByParam = "*")]

открытый класс TestController: Контроллер

Это предотвратит кеширование браузера.

Подробности по этой ссылке: http://dougwilsonsa.wordpress.com/2011/04/29/disables-ie9-ajax-response-caching-asp-net-mvc-3-jquery/

На самом деле это решило мою проблему.

добавить заголовок

headers: {
                'Cache-Control':'no-cache'
            }

добавить Math.random() к URL-адресу запроса