前端之家收集整理的这篇文章主要介绍了
Ajax页面缓存,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Ajax
页面缓存是ajax处理数据时对一些重复相同数据进行一个缓存操作,这种设计使客户端对一些静态
页面内容的请求,比如
图片,css
文件,js脚本等,变得更加快捷,提高了
页面的响应速度,也节省了网络通信资源。 但有时候如果通过Ajax对一些
后台数据进行更改的时候,虽然数据在
后台已经发生改变,但是
页面缓存中并没有改变,对于相同的URL,Ajax提交过去以后,浏览器还只是简单的从缓存中拿数据,这种情况当然就不行了。 缓存问题主要是在IE下的GET请求方式。
禁止页面缓存问题: 1. url参数
添加随机数或时间戳 该方式会在客户端产生大量缓存
文件。 //
随机数 var url = 'demo.
PHP?username=' + username + '&_=' + Math.random(); //时间戳 var url = 'demo.
PHP?username=' + username + '&_=' + new Date().getTime(); 2.
修改文件最后更改时间 If-Modified-Since setRequestHeader("If-Modified-Since","0"); 这样和服务器上
文件的最后
修改时间肯定不一样,所以不会访问缓存
文件,而是会重新访问服务器. 这种方式只会在客户端上产生一个缓存
文件; var xhr = createXhr(); //创建对象 xhr.open('get',url); //初始化对象 xhr.setRequestHeader('If-Modified-Since','0'); //主动
修改文件最后更改 //... 3. 禁用缓存 客户端设置: 在ajax发送请求前
加上 xmlHttpRequest.setRequestHeader(“Cache-Control”,”no-cache”); 服务器端设置:在服务端加 header(“Cache-Control: no-cache,must-revalidate”);