Ajax获取页面被缓存的解决方法_编程技术网-程序员技术内容聚合平台

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)
这样的情况是是为AJAX获取时先检查本机缓存，如果本机缓存已有相同内容，则不访问远端服务器。这样的操作倒是可以提高速度和减少服务器压力。但带来的弊端也是显而易见的。

为了解决这个问题。我们必须在获取页加上一个额外的参数。比较简单的方法是用一个随机数。

例子如下

复制代码代码如下:

function idCheck() { //参数调用函数 
var f = document.modify_form; 
var book_num = f.book_num.value; 
if(book_num=="") { 
window.alert("图书编号不能为空"); 
f.book_num.focus(); 
return false; 
} 
//加一个随机数////////////////////////////// 
var number = Math.random(); 
number = number * 1000000000; 
number = Math.ceil(number); 
////////////////////////////////////////// 
send_request('get_book.php?book_num='+book_num+'&ranum='+number); // 后面的 “ranum=number”是额外加的 
}

这样就可以避免相同参数页面返回同样内容的问题了。

还有一种方法为在被调用的页面中，加入代码，禁止本页面被缓存

htm网页

复制代码代码如下:

<metahttp-equiv="pragma"content="no-cache"> 
<metahttp-equiv="cache-control"content="no-cache,must-revalidate"> 
<metahttp-equiv="expires"content="wed,26feb199708:21:57gmt"> 

或者<metahttp-equiv="expires"content="0">
asp网页

复制代码代码如下:

response.expires=-1 
response.expiresabsolute=now()-1 
response.cachecontrol="no-cache" 

php网页

复制代码代码如下:

header("expires:mon,26jul199705:00:00gmt"); 
header("cache-control:no-cache,must-revalidate"); 
header("pragma:no-cache"); 

jsp网页

复制代码代码如下:

response.addHeader("pragma", "no-cache"); 
response.addHeader("cache-control", "no-cache,must-revalidate"); 
response.addHeader("expires", "0"); 