Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jquery ajax中启用缓存 jQuery(“#divimg”)。单击(函数(e){ //警报(jQuery(this)[0].nameProp); document.getElementById(“TxtProvPic”).value=jQuery(this)[0].getAttribute(“src”);//jQuery(this)[0].nameProp; $.ajax({ 键入:“获取”, url:“Services/TeleCom/EVoucher.aspx”, 数据:“ExtFlag=GetProducts&AjaxFalg=SpecialRequest&prov=“+jQuery(this)[0].id.replace(“img_quo,”)+”&pcat=“+document.getElementById(“txhc”).value, beforeSend:函数(){ document.getElementById(“DivProducts”).innerHTML=“”; document.getElementById(“DivLoad”).innerHTML=“”; }, 是的, 成功:功能(数据){ var-StrResponse; StrResponse=data.split(“@@@@”); EvoucherFillProductsRes(StrResponse[0]); }, 错误:函数(xhr){ 警报(“responseText:+xhr.responseText”); } }); 函数EvoucherFillProductsRes(res){ var切片=分辨率分割(“*******”); document.getElementById(“DivProducts”).innerHTML=slices[0]; document.getElementById(“DivMenu”).innerHTML=slices[1]; document.getElementById(“DivLoad”).innerHTML=“”; jQuery(“#BrowsableTwo”)。可滚动({ prev:“a.prodprev”, 下一个:“a.prodnext” }).navigator(); }_Javascript_Jquery_Ajax_Caching - Fatal编程技术网

Javascript 如何在jquery ajax中启用缓存 jQuery(“#divimg”)。单击(函数(e){ //警报(jQuery(this)[0].nameProp); document.getElementById(“TxtProvPic”).value=jQuery(this)[0].getAttribute(“src”);//jQuery(this)[0].nameProp; $.ajax({ 键入:“获取”, url:“Services/TeleCom/EVoucher.aspx”, 数据:“ExtFlag=GetProducts&AjaxFalg=SpecialRequest&prov=“+jQuery(this)[0].id.replace(“img_quo,”)+”&pcat=“+document.getElementById(“txhc”).value, beforeSend:函数(){ document.getElementById(“DivProducts”).innerHTML=“”; document.getElementById(“DivLoad”).innerHTML=“”; }, 是的, 成功:功能(数据){ var-StrResponse; StrResponse=data.split(“@@@@”); EvoucherFillProductsRes(StrResponse[0]); }, 错误:函数(xhr){ 警报(“responseText:+xhr.responseText”); } }); 函数EvoucherFillProductsRes(res){ var切片=分辨率分割(“*******”); document.getElementById(“DivProducts”).innerHTML=slices[0]; document.getElementById(“DivMenu”).innerHTML=slices[1]; document.getElementById(“DivLoad”).innerHTML=“”; jQuery(“#BrowsableTwo”)。可滚动({ prev:“a.prodprev”, 下一个:“a.prodnext” }).navigator(); }

Javascript 如何在jquery ajax中启用缓存 jQuery(“#divimg”)。单击(函数(e){ //警报(jQuery(this)[0].nameProp); document.getElementById(“TxtProvPic”).value=jQuery(this)[0].getAttribute(“src”);//jQuery(this)[0].nameProp; $.ajax({ 键入:“获取”, url:“Services/TeleCom/EVoucher.aspx”, 数据:“ExtFlag=GetProducts&AjaxFalg=SpecialRequest&prov=“+jQuery(this)[0].id.replace(“img_quo,”)+”&pcat=“+document.getElementById(“txhc”).value, beforeSend:函数(){ document.getElementById(“DivProducts”).innerHTML=“”; document.getElementById(“DivLoad”).innerHTML=“”; }, 是的, 成功:功能(数据){ var-StrResponse; StrResponse=data.split(“@@@@”); EvoucherFillProductsRes(StrResponse[0]); }, 错误:函数(xhr){ 警报(“responseText:+xhr.responseText”); } }); 函数EvoucherFillProductsRes(res){ var切片=分辨率分割(“*******”); document.getElementById(“DivProducts”).innerHTML=slices[0]; document.getElementById(“DivMenu”).innerHTML=slices[1]; document.getElementById(“DivLoad”).innerHTML=“”; jQuery(“#BrowsableTwo”)。可滚动({ prev:“a.prodprev”, 下一个:“a.prodnext” }).navigator(); },javascript,jquery,ajax,caching,Javascript,Jquery,Ajax,Caching,当我点击链接时,我有这个功能,内容被设置为一个div innerHTML,我在jquery ajax中设置了cache:true属性,但是如果我再次点击链接,没有显示缓存,ajax功能仍然会转到服务器端,并获取相同的内容,我感到困惑的是cache:true真正启用缓存和我应该怎么做才能使其正常工作?缓存:true是默认值,并不总是从缓存中获取内容。浏览器上项目的缓存能力由以下因素决定: 从源web服务器返回的响应标头。如果标头指示 内容不应该被缓存,那么它就不会被缓存 响应中必须存在诸如ETa

当我点击链接时,我有这个功能,内容被设置为一个div innerHTML,我在jquery ajax中设置了
cache:true
属性,但是如果我再次点击链接,没有显示缓存,ajax功能仍然会转到服务器端,并获取相同的内容,我感到困惑的是
cache:true
真正启用缓存和我应该怎么做才能使其正常工作?

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

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

  • 响应中必须存在诸如ETag或Last Modified标头之类的验证器

cache:false
还有另一个用例,可以始终从服务器加载内容,而不管该内容是否缓存


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

谢谢您的回复,因为我知道您建议我应该手动将响应保存在数组或其他什么东西中,而不是检查它是否存在于该数组中,如果是,我将从中加载,如果不是,我将再次调用ajax,对吗?@Sora:否,如果需要缓存请求。服务器必须返回带有缓存头的响应。当浏览器接收到响应
且存在缓存头时,浏览器将自动缓存它
如何判断浏览器正在返回缓存头?@Sora:缓存头由服务器(而不是浏览器)在响应上设置。浏览器在收到响应时检查此头,以决定是否缓存该响应。我的问题是如何让服务器设置我的缓存头
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();

    }