Ajax获取页面被缓存的解决方法
程序员文章站
2022-07-05 19:35:05
这样的情况是是为ajax获取时先检查本机缓存,如果本机缓存已有相同内容,则不访问远端服务器。这样的操作倒是可以提高速度和减少服务器压力。但带来的弊端也是显而易见的。 为了解...
这样的情况是是为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");
为了解决这个问题。我们必须在获取页加上一个额外的参数。比较简单的方法是用一个随机数。
例子如下
复制代码 代码如下:
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");