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中的true属性但是如果我再次点击链接没有显示缓存,则ajax功能仍然会进入服务器端并且达到相同的内容我很困惑是缓存:真的真的启用缓存,我该怎么做才能使它工作?
解决方法
cache:true是默认值,并不总是从缓存中获取内容.浏览器上项目的缓存能力由以下因素确定:
>从原始Web服务器返回的响应标头.如果标题表明
内容不应该缓存然后它不会.
>响应中必须存在验证器,例如ETag或Last-Modified标头.
从this link起
cache:false有另一个用例来始终从服务器加载内容,无论该内容是否被缓存.
这里的要点是:缓存能力由服务器和缓存确定:true或cache:$.ajax的false仅用于确定是否查找缓存的响应.