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实际上是启用缓存的,我应该怎么做才能使其工作?
cache:true
cache:true是默认值,并不总是从缓存中获取内容。浏览器上项目的可缓存性取决于:
从原始Web服务器返回的响应头。如果标题指示不应缓存内容,则不会缓存。
响应中必须包含验证器,例如ETag或Last-Modified头。
从这个连结
cache:false 还有另一个用例,无论是否缓存内容,总是从服务器加载内容。
cache:false
这里的要点是:缓存能力由服务器和确定的cache:true或cache:false的$.ajax只是确定是否找缓存的响应与否。
$.ajax