как включить кэширование в 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 = "<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
действительно включить кэш и что я должен сделать, чтобы заставить его работать ?
1 ответов
cache:true
является значением по умолчанию и не всегда получает содержимое из кэша. Кэш-способность элемента в браузере определяется:
заголовки ответов, возвращенные с исходного веб-сервера. Если заголовки указывают, что содержимое не должно кэшироваться, тогда оно не будет кэшироваться.
в ответе должен присутствовать валидатор, такой как ETag или последний измененный заголовок.
cache:false
имеет другой вариант использования, чтобы всегда загружать содержимое с сервера независимо от того, кэшируется это содержимое или нет.
дело вот в чем: кэш-способность определяется сервером и cache:true
или cache:false
на $.ajax
просто определить, следует ли искать кэшированный ответ или нет.