1. 云栖社区>
  2. PHP教程>
  3. 正文

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

作者:用户 来源:互联网 时间:2017-12-01 10:43:01

ajax缓存页面解决方案获取

Ajax获取页面被缓存的解决方案 - 摘要: 本文讲的是Ajax获取页面被缓存的解决方案, AJAX页面参数相同时只返回缓存的内容的解决办法 常利用AJAX写一些页面无刷新的内容获取页面,这种方式很快捷也很方便,但其中有一个问题,就是如果两次提交的参数相同时,返回的内容只返回上次获取的内容,如果我们在第一次修改了参数,第二次再次


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


 


论坛交流地址:


http://bbs.okajax.com/viewthread.php?tid=995&highlight=%BB%BA%B4%E6
或者http://bbs.okajax.com/viewthread.php?tid=4368&highlight=%BB%BA%B4%E6


 

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ajax , 缓存 , 页面 , 解决方案 获取 ,以便于您获取更多的相关知识。

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

现在注册,免费体验40+云产品,及域名优惠!

云服务器9.9元/月,大学必备
Kubernetes上基于Istio体验云原生应用实践 资料下载