如何在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我cache:true在jquery ajax中设置属性但如果我再次点击链接没有显示缓存,ajax功能仍然会到服务器端并达到我感到困惑的相同内容cache:true实际上是启用缓存,我该怎么做才能使它工作？

Answer 1

cache:true是默认值,并不总是从缓存中获取内容.浏览器上项目的缓存能力由以下因素确定:

• 从原始Web服务器返回的响应标头.如果标题指示不应缓存内容,则不会.

• 响应中必须存在验证器,例如ETag或Last-Modified标头.

从这个链接

cache:false 有另一个用例来始终从服务器加载内容,无论该内容是否被缓存.

这里的要点是:缓存能力由服务器和确定的cache:true或cache:false的$.ajax只是确定是否寻找缓存的响应与否.