PHP / Ajax "Vary: X-Requested-With" не работает для меня! - PullRequest
Новая
       25

PHP / Ajax "Vary: X-Requested-With" не работает для меня!

4 голосов
/ 23 февраля 2011

Я пытаюсь обслуживать кэшируемый контент в зависимости от того, является ли это запросом ajax или нет.

Сценарий:

Небольшой PHP-скрипт "/test.php" обслуживает некоторый HTML-Вывод и установка следующих заголовков: 

Expires         Wed, 23 Feb 2011 13:30:06 GMT
Cache-Control   public, max-age=60
Vary            X-Requested-With,Accept-Encoding

Вывод зависит от состояния $_SERVER['HTTP_X_REQUESTED_WITH'].

Когда мой Firefox указывает на URL, я получаю вывод, и в течение следующей минуты яполучить тот же результат от Browser-Cache, не попадая на сервер.Хорошо, пока.

Когда я запрашиваю тот же ресурс через XMLHttpRequest (с заголовком X-Requested-With: XMLHttpRequest), мой Firefox НЕ запрашивает сервер, но отправляет (неправильный) ответ из кэша!

С другой стороны, то же самое.Ajax-Call на ресурсе заполняет кэш, а последующий запрос браузера отправляет (неправильный) ответ от Cache.

Кто-нибудь имеет опыт работы с этой темой?Я думаю, что это должно быть достаточно распространенной проблемой - подача контента в зависимости от того, является ли он ajax или нет (по тому же URL).

привет, Илья

1 Ответ

1 голос
/ 16 апреля 2011

Я могу воспроизвести это, но только если я не включу заголовок X-Requested-With в ответ ajax.Если я устанавливаю заголовок для вызова ajax, он работает в основном , как и ожидалось, хотя вызов ajax очищает кэш для обычного запроса и наоборот - содержимое не кэшируется, но вы никогда не ошибетесьcontent.

Мой PHP документ выглядит так: 

<?
    putenv('TZ=PST8PDT');
    date_default_timezone_set('America/Los_Angeles');

    header('Expires: '.gmdate("D, d M Y H:i:s").' GMT');
    header('Cache-Control: public, max-age=60');
    header('Vary: X-Requested-With,Accept-Encoding');

    echo 'it is now '.date('Y-m-d H:i:s');
?>

А моя тестовая страница выглядит так: 

<a href="resource.php" target="ifr">load into frame</a><br />
<iframe name="ifr" width="400" height="100"></iframe>

<hr />

<a href="#" onclick="return load();">load into div via ajax</a><br />
<div id="di" style="border: 1px solid black; width: 400px; height: 100px;"></div>

<script>

function load(){

    var req = new XMLHttpRequest();
    req.onreadystatechange = function(){

        if (req.readyState == 4){
            document.getElementById('di').textContent = req.responseText;
        }
    }

    req.open('GET', 'resource.php', 1);
    req.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    req.send(null);

    return false;
}

</script>

Когда я нажимаю первую ссылку, он запрашивает усервер.Когда я ударил его снова, он приходит из кеша.Каждый последующий клик приходит из кеша, до 60 секунд.

Когда я нажимаю вторую ссылку, запрос отправляется на сервер.Когда я ударил его снова, он приходит из кеша.Каждый последующий щелчок происходит из кэша, до 60 секунд.

Если я нажму ссылку 1, затем ссылку 2, они оба перейдут на сервер.Если я снова нажму ссылку 1, она снова отправится на сервер (что неправильно).Демонстрационная последовательность (при условии, что все в течение 60 с): 

Reg  : server
Reg  : cache
Reg  : cache
Reg  : cache
Ajax : server
Ajax : cache
Reg  : server
Ajax : server

В результате, если вы хотите надежно кэшировать вещи по-разному при обслуживании через ajax, используйте другой URL при выполнении запроса ajax (? Ajax = 1 будетработает нормально).

Я тестирую на FF 4.0 последней

...