如何在 jquery ajax 中启用缓存

how to enable caching in jquery ajax

本文关键字：启用 缓存 ajax jquery      更新时间：2023-09-26
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真正启用缓存，我应该怎么做才能使其工作？

cache:true是

默认值，并不总是从缓存中获取内容。浏览器上项目的缓存能力由以下因素决定：

  • 从源 Web 服务器返回的响应标头。如果标题指示内容不应该被缓存，那么它就不会被缓存。

  • 响应中必须存在验证程序（如 ETag 或上次修改标头）。

从此链接

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

这里的要点是：缓存能力由服务器决定，cache:true或cache:false $.ajax只是确定是否查找缓存的响应。

相关文章：