如何解决AJAX 的缓存

发布时间：2020-12-16 03:17:19 所属栏目：百科来源：网络整理

导读：解决AJAX 的缓存的方法 1、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0") ; 2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache") ; 3、在 Ajax 的 URL 参数后加上 "?fresh=" + Math.random() ;

解决AJAX 的缓存的方法

1、在ajax发送请求前加上anyAjaxObj.setRequestHeader("If-Modified-Since","0");

2、在ajax发送请求前加上anyAjaxObj.setRequestHeader("Cache-Control","no-cache");

3、在 Ajax 的 URL 参数后加上"?fresh=" + Math.random();

4、第五种方法和第四种类似，在 URL 参数后加上 "?timestamp=" + new Date().getTime();

5、如果是使用jQuery，直接这样就可以了$.ajaxSetup({cache:false})。这样页面的所有ajax都会执行这条语句就是不需要保存缓存记录。

6、用POST替代GET

以下主要描述如何解决Jquery ajax的缓存问题。

在使用jquery进行ajax操作时，如果Get请求的参数不变化，而且IE浏览器设置缓存不是每次访问网页时（IE工具->internet选项->浏览历史记录下的设置->检查所存网页的较新版本），则可能会出现程序不经过后台，直接从浏览器缓存里读数据的情况。

可以有三种解决方法：

1、在请求的参数后面加上时间，如：

[javascript] 
    view plain 
    copy 
    
 $.ajax({
 type:"get",
 url:"http://search.json?t="+newDate(),
 dataType:"json",108); list-style-type:decimal-leading-zero; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> success:function(json){
 }
 });

这样由于每次请求的参数有所不同，程序不会从浏览器里面读取缓存。

2、 
 在ajax请求时候加上cache:false的参数，如： 

copy

url:"http://search.json",108); list-style-type:decimal-leading-zero; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> cache:false,248); line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important; list-style-position:outside!important"> success:function(json){

}

});

cache设置为 false 将不会从浏览器缓存中加载请求信息。

3、将ajax请求类型改为post，如： 

[javascript] 
     view plain 
     copy 
     
 $.ajax({
 type:"post",
function(json){
 }
 });

请求类型改为post, 将不会从浏览器缓存中加载请求信息。

备注：

①GET请求，浏览器认为是等幂的，就是一个相同的URL只有一个结果[相同是指整个URL字符串完全匹配]，所以第二次访问的时候如果URL字符串没

变化，浏览器直接使用第一次访问的结果。

②POST请求，浏览器则认为是一个变动性访问（浏览器认为POST的提交必定是有改变的），所以每次都是重新发送请求。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!