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

Схоже, якщо я завантажую динамічний контент за допомогою $.get(), результат кешується в браузері.

Додавання довільної рядки в QueryString, здається, вирішує цю проблему (я використовую new Date().toString()), але це відчувається як хак.

Чи є якийсь інший спосіб досягти цього? Або якщо унікальний рядок - єдиний спосіб досягти цього, будь-які пропозиції, крім new Date()?

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

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

Редагувати: Ця відповідь вже кілька років. Він все ще працює (отже, я його не видалив), але є кращі / чистіші способи досягнення цього . Моя перевага - це цей метод, але ця відповідь також корисна, якщо ви хочете вимкнути кешування для кожного запиту протягом життя сторінки.

Нижче наведено запобігання кешування всіх майбутніх запитів AJAX, незалежно від того, який метод jQuery ви використовуєте ($ .get, $ .ajax тощо)

$.ajaxSetup({ cache: false });

$ .Get () JQuery буде кешувати результати. Замість

$.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
    }
});

Звичайно, "методи кеш-розбивання" виконають роботу, але це відбудеться не в першу чергу, якби сервер вказав клієнту, що відповідь не слід кешувати. У деяких випадках корисно кешувати відповіді, а іноді ні. Нехай сервер вирішить правильний термін служби даних. Ви можете змінити його пізніше. Набагато простіше зробити з сервера, ніж з багатьох місць у вашому коді інтерфейсу.

Звичайно, це не допомагає, якщо у вас немає контролю над сервером.

Що з використанням запиту POST замість GET ...? (Що вам все-таки слід ...)

Справжнє питання, чому вам потрібно, щоб це не було кешоване. Якщо його не слід кешувати, оскільки він постійно змінюється, сервер повинен вказати, щоб не кешувати ресурс. Якщо він просто змінюється іноді (оскільки один з ресурсів, від якого залежить, може змінитися), і якщо клієнтський код має про це знати, він може додати параметр манекена до URL-адреси, який обчислюється з певного хешу або останньої модифікованої дати цих ресурсів (це те, що ми робимо в ресурсах сценарію Microsoft Ajax, щоб їх можна було кешувати назавжди, але нові версії все ще можуть подаватися у міру їх появи). Якщо клієнт не може знати зміни, правильним способом має бути те, щоб сервер правильно обробляв HEAD-запити та повідомляв клієнту, чи використовувати кешовану версію чи ні. Мені здається, що додавати випадковий параметр або сказати від клієнта ніколи не кешувати, це неправильно, оскільки кешируемость є властивістю ресурсу сервера, і тому слід вирішити на стороні сервера. Ще одне питання, що потрібно задати собі, чи повинен цей ресурс реально обслуговуватися через GET або він повинен проходити через POST? Це питання семантики, але це також має наслідки для безпеки (є атаки, які працюють лише у тому випадку, якщо сервер дозволяє GET). POST не буде кешовано.

Можливо, вам слід подивитися на $ .ajax () замість цього (якщо ви використовуєте jQuery, як це виглядає). Погляньте на сторінку: http://docs.jquery.com/Ajax/jQuery.ajax#options та опцію "кеш".

Іншим підходом було б подивитися на те, як ви кешуєте речі на стороні сервера.

Невелике доповнення до відмінних відповідей: Якщо ви працюєте з не-ajax резервним рішенням для користувачів без JavaScript, вам доведеться все-таки виправити ці заголовки на стороні сервера. Це неможливо, хоча я розумію тих, хто відмовляється від нього;)

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

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

Встановлення кешу в хибне буде правильно працювати лише із запитами HEAD та GET. Він працює, додаючи "_ = {timestamp}" до параметрів GET. Параметр не потрібен для інших типів запитів, за винятком IE8, коли POST зроблено до URL-адреси, яку вже запросив GET.

Тож встановлення цього варіанту не допоможе вам у випадку, про який я згадував вище.

В основному просто додайте cache:false;в аякс, де ви думаєте, що зміст буде змінюватися в міру прогресу. І місце, де зміст звичаю не змінюється, може опустити це. Таким чином, ви отримаєте нову відповідь щоразу

Кешування Ajax Internet Explorer: що ви збираєтеся з цим зробити? пропонує три підходи:

1. Додайте маркер перебору кешу до рядка запиту, наприклад? Date = [timetamp]. У jQuery та YUI ви можете сказати їм зробити це автоматично.
2. Використовуйте POST замість GET
3. Надішліть заголовок відповіді HTTP, який спеціально забороняє браузерам кешувати його

Тепер це легко зробити, включивши / відключивши опцію кешу у вашому запиті на 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);
    }
});

Якщо ви використовуєте IE 9, то перед визначенням класу контролера вам потрібно використовувати наступне:

[OutputCache (NoStore = вірно, тривалість = 0, VaryByParam = "*")]

публічний клас TestController: контролер

Це запобіжить кешування браузера.

Деталі за цим посиланням: http://dougwilsonsa.wordpress.com/2011/04/29/disabling-ie9-ajax-response-caching-asp-net-mvc-3-jquery/

Насправді це вирішило моє питання.

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

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

Звичайно, це не працює для службових URL-адрес, які ви не належите до свого проекту. У цьому випадку ви можете розглянути можливість звернення до сторонньої служби з кодом сервера, а не викликати її з коду клієнта.

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

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

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

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

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