4

我正在尝试根据它是否是 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 时，我得到了输出，在接下来的一分钟里，我从浏览器缓存中得到了相同的结果，而不是访问服务器。好的，到目前为止。

当我通过XMLHttpRequest（带有X-Requested-With: XMLHttpRequest标头）请求相同的资源时，我的 Firefox 不会请求服务器，而是提供来自缓存的（错误的）响应！

反之亦然。资源上的 Ajax-Call 填充缓存，随后的 Browser-Request 提供来自缓存的（错误）响应。

有没有人有这个话题的经验？我认为这应该是一个足够普遍的问题 - 根据是否为 ​​ajax 提供内容（在同一个 URL 上）。

问候，伊利亚

4

1 回答 1

1

我可以重现这一点，但前提是我不在 ajax 响应中包含 X-Requested-With 标头。如果我为 ajax 调用设置了标头，它大部分都按预期工作，尽管 ajax 调用会清除常规请求的缓存，反之亦然 - 内容不会被缓存，但你永远不会得到错误的内容。

我的 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 提供服务时可靠地缓存不同的内容，请在发出 ajax 请求时使用不同的 URL（?ajax=1 可以正常工作）。

我正在测试最新的 FF 4.0

于 2011-04-16T19:22:21.997 回答