Ajax中请求被缓存的问题
在Ajax开发中,会遇到浏览器缓存内容的问题,比如,某个元素注册了鼠标事件(onmouseover),事件触发后会通过xmlhttprequest到服务器获取内容,在不刷新页面的情况下,浏览器会缓存第一次请求的内容,服务端更新后浏览器仍然显示第一次的内容。
通常,这种请求都是xmlhttprequest发起的GET请求。根据HTTP规范,GET用于信息获取,而且应该是幂等的。也就是说,当使用相同的URL重复GET请求会返回预期的相同结果时,GET方法才是适用的。当对一个请求有副作用的时候(例如,提交数据注册新用户时),应该使用POST请求而不是GET。所以浏览器会对GET请求做缓存处理。
解决办法:
一.GET请求URL后附加字串,让服务器认为不是相同的请求。
例"/index.php?class=aitcle&page=5&_t="+newDate().getTime()
二.在ajax发送请求前加上xmlHttpRequest.setRequestHeader("If-Modified-Since","0")
三.在ajax发送请求前加上xmlHttpRequest.setRequestHeader("Cache-Control","no-cache");
四.服务端响应请求时加header("Cache-Control:no-cache,must-revalidate");(PHP)
五.使用POST代替GET,浏览器不会对POST做缓存
转自:司徒正美
如果觉得《Ajax中请求被缓存的问题》对你有帮助,请点赞、收藏,并留下你的观点哦!