Как отключить кеширование определенного url?

Question

[lazuren]

Делаю магазин на Opencart 3.0.2.0 и столкнулся с такой проблемой. Когда добавляю товар в корзину информация в мини корзине не обновляется. В demo версии Opencart все отлично работает. Так же все отлично работает с включенным Disable cache в панели разработчика.



Вот JS код который отвечает за добавление, обновление и удаление товаров из корзины

var cart = {
'add': function(product_id, quantity) {
    $.ajax({
        url: 'index.php?route=checkout/cart/add',
        type: 'post',
        cache:false,
        data: 'product_id=' + product_id + '&quantity=' + (typeof(quantity) != 'undefined' ? quantity : 1),
        dataType: 'json',
        beforeSend: function() {
            $('#cart > .mini-cart_hook').button('loading');
        },
        complete: function() {
            $('#cart > .mini-cart_hook').button('reset');
        },
        success: function(json) {
            $('.alert-dismissible, .text-danger').remove();

            if (json['redirect']) {
                location = json['redirect'];
            }

            if (json['success']) {
                $('#content').parent().before('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');

                // Need to set timeout otherwise it wont update the total
                setTimeout(function () {
                    $('#cart > .mini-cart_hook').html('<i class="fal fa-shopping-cart"></i><span id="cart-total">' + json['total'] + '</span>');
                }, 100);

                $('html, body').animate({ scrollTop: 0 }, 'slow');
                $('#cart > ul').load('index.php?route=common/cart/info ul li');
            }
        },
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
    });
},
'update': function(key, quantity) {
    $.ajax({
        url: 'index.php?route=checkout/cart/edit',
        type: 'post',
        data: 'key=' + key + '&quantity=' + (typeof(quantity) != 'undefined' ? quantity : 1),
        cache: false,
        dataType: 'json',
        beforeSend: function() {
            $('#cart > .mini-cart_hook').button('loading');
        },
        complete: function() {
            $('#cart > .mini-cart_hook').button('reset');
        },
        success: function(json) {
            // Need to set timeout otherwise it wont update the total
            setTimeout(function () {
                $('#cart > .mini-cart_hook').html('<i class="fal fa-shopping-cart"></i><span id="cart-total">' + json['total'] + '</span>');
            }, 100);

            if (getURLVar('route') == 'checkout/cart' || getURLVar('route') == 'checkout/checkout') {
                location = 'index.php?route=checkout/cart';
            } else {
                $('#cart > ul').load('index.php?route=common/cart/info ul li');
            }
        },
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
    });
},
'remove': function(key) {
    $.ajax({
        url: 'index.php?route=checkout/cart/remove',
        type: 'post',
        data: 'key=' + key,
        cache: false,
        dataType: 'json',
        beforeSend: function() {
            $('#cart > .mini-cart_hook').button('loading');
        },
        complete: function() {
            $('#cart > .mini-cart_hook').button('reset');
        },
        success: function(json) {
            // Need to set timeout otherwise it wont update the total
            setTimeout(function () {
                $('#cart > .mini-cart_hook').html('<i class="fal fa-shopping-cart"></i><span id="cart-total">' + json['total'] + '</span>');
            }, 100);

            if (getURLVar('route') == 'checkout/cart' || getURLVar('route') == 'checkout/checkout') {
                location = 'index.php?route=checkout/cart';
            } else {
                $('#cart > ul').load('index.php?route=common/cart/info ul li');
            }
        },
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
    });
}
}

А вот сам непосредственный кусок кода который должен обновлять информацию, но браузер подтягивает ee из cache

$('#cart > ul').load('index.php?route=common/cart/info ul li');

Подскажите как с этим бороться. Как отключить кеширование для определенного URL и получать обновленные данные из базы а не из from disk cache?

Извиняюсь за сумбурность!

Answer 1

[lazuren]

Всем спасибо кто старался помочь! Решил проблему самым проверенным способом, начал с нуля commt'я каждый шаг!

Comments

[Nikola_Piterskiy]

Понимаю что давно это было, но все таки, если не сложно, можно развернуть по подробнее ответ ?
Спасибо.

Answer 2

[dollar]

Ctrl + F5 в браузере не помогает?

Вообще кеширование отключается на стороне сервера при формировании ответа клиенту.

<?php
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
?>

Comments

[lazuren]

Помогает, но не в этом дело. Я же не могу просить пользователя очищать cache через Ctr+F5

[lazuren]

На втором скрине видно что с отключенным кешированнием все ОК .

[lazuren]

Это я в целом отключу кеширование, а мне нужно только для обновления mini cart т.е. index.php?route=common/cart/info ul li. Или я не прав?

[dollar]

lazuren, смотря куда вставить (на стороне сервера).

[dollar]

if ($_GET["route"] == "common/cart/info ul li") {
  header("Cache-Control: no-store, no-cache, must-revalidate");
  header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
}

Как-то так примерно. Дальше нужно отлаживать....

[lazuren]

dollar, Предложение дельное, а как это все через JS реализовать? Запрос ajax отправляет.

[dollar]

lazuren, а вы сами искали? Это же быстро делается, если уметь гуглом пользоваться.

By default, requests are always issued, but the browser may serve results out of its cache. To disallow use of the cached results, set cache to false. To cause the request to report failure if the asset has not been modified since the last request, set ifModified to true.

[lazuren]

dollar, Увы, но не работает( И дело в том, что на чистом движке все работает, а тут получается что костыли леплю. Файлы движка не правил, если только модификаторами, вся работа идет в папке темы. Подскажи, что это еще может быть, в какую сторону копать?

Answer 3

[Station 72]

А что если попробовать добавлять липовый параметр к адресу? Напр index.php?route=common/cart/info&rand=рандомное_значение . Так сработает?

Comments

[lazuren]

Пробовал, тоже не работает. Запрос отправляется функцией load() каждый параметр строго регламентирован, абы что не вставишь(