如何在jquery ajax中启用缓存

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 = ""; }, 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(); } 

我有这个function，当我点击链接时内容被设置为div innerHTML我设置cache:true jquery ajax中的cache:true属性但是如果我再次点击链接没有显示缓存，则ajaxfunction仍然会转到服务器端并且达到相同的内容我很困惑是cache:true真的启用缓存，我该怎么做才能使它工作？

Answer 1

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

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

• 响应中必须存在validation器，例如ETag或Last-Modified标头。

从这个链接

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

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