如何在jQuery Ajax中启用缓存

Question

jQuery("#divProviders img").click(function (e) {
    //alert(jQuery(this)[0].nameProp);
    document.getElementById("TxtProvPic").value = jQuery(this)[0].getAttribute("src"); //jQuery(this)[0].nameProp;


    $.ajax({
        type: "GET",
        url: "Services/TeleCom/EVoucher.aspx",
        data: "ExtFlag=GetProducts&AjaxFalg=SpecialRequest&prov=" + jQuery(this)[0].id.replace("img_", "") + "&pcat=" + document.getElementById("Txhhc").value,
        beforeSend: function () {
            document.getElementById("DivProducts").innerHTML = "";
            document.getElementById("DivLoad").innerHTML = "<img alt='' style='margin-left:300px;margin-top:80px;position:absolute;'  src='App_Themes/VivaTheme/images/bigloading2.gif'/>";
        },
        cache: true,
        success: function (data) {

            var StrResponse;
            StrResponse = data.split('@@@');

            EvoucherFillProductsRes(StrResponse[0]);

        },
        error: function (xhr) {
            alert("responseText: " + xhr.responseText);
        }
    });

    function EvoucherFillProductsRes(res) {
        var slices = res.split("*******");
        document.getElementById("DivProducts").innerHTML = slices[0];
        document.getElementById("DivMenu").innerHTML = slices[1];
        document.getElementById("DivLoad").innerHTML = "";
        jQuery("#BrowsableTwo").scrollable({
            prev: 'a.prodprev',
            next: 'a.prodnext'
        }).navigator();

    }

当我点击链接时，会调用这个函数，将内容设置到一个div的innerHTML中。在jQuery AJAX中，我设置了cache:true属性，但是如果我再次点击链接，就不会显示缓存，AJAX函数仍然会向服务器发送请求获取相同的内容，我很困惑，cache:true是否真正启用了缓存，我该怎么做才能让它起作用？

- Sora

Answer 1

cache:true 是默认值，但并不总是从缓存中获取内容。浏览器上的一个项目是否可被缓存取决于以下因素:

• 源Web服务器返回的响应头。如果头部指示内容不应被缓存，则不会缓存。

• 响应中必须存在验证器，比如 ETag 或 Last-Modified 头。

参见此链接

cache:false有另一种用例，即无论该内容是否被缓存，始终从服务器加载内容。

关键在于：可缓存性由服务器确定，而$.ajax的cache:true或cache:false仅确定是否查找缓存的响应。

- Khanh TO

---

感谢您的回复。我理解您的建议是手动将我的响应保存在数组中，然后检查它是否存在于该数组中。如果存在，则从中加载；否则，重新调用 AJAX 是吗？ - Sora

@Sora：不，如果您需要缓存请求，则服务器必须返回带有缓存标头的响应。当浏览器接收到响应并且存在缓存标头时，浏览器将自动缓存它。 - Khanh TO

如何判断浏览器是否返回了缓存头？ - Sora

@Sora：缓存头是由服务器设置在响应中的（而不是由浏览器设置）。当浏览器接收到响应时，会检查此头以决定是否缓存该响应。 - Khanh TO

如果我的问题是如何让服务器设置我的缓存头，那么该怎么做呢？ - Sora