首页 > 编程 > AJAX > 正文

Ajax获取页面被缓存的解决方案

时间:2019年01月12日
常利用AJAX写一些页面无刷新的内容获取页面,这种方式很快捷也很方便,但其中有一个问题,就是如果两次提交的参数相同时,返回的内容只返回上次获取的内容,如果我们在第一次修改了参数,第二次再次调用却会发现页面根本没有改变,一起来往下看看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网页

 

复制代码 代码如下:

 





或者
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");

到这里,Ajax获取页面被缓存的解决方案就讲完了,如果有什么不清楚可以留言给我,如果觉得我写得不错的话,请给我一个大拇指,谢谢!

上一篇:AJAX+XML实现动态下拉导航

下一篇:一个封装的AJAX类

相关阅读

爱站科技 ©2017版权所有 免责声明 粤ICP备13073302号-3 粤公网安备 44030302000085号 热门关键词