Ajax对缓存的处理方法实例分析
前端  /  管理员 发布于 4年前   483
本文实例讲述了Ajax对缓存的处理方法。分享给大家供大家参考,具体如下:
缓存
浏览器的一次请求需要从服务器获得许多的css、img、js等相关文件,如果每次请求都把相关的资源文件加载一次,对带宽、服务器资源、用户等待时间都有严重的损耗,浏览器有做优化处理,其把css、img、js等文件在第一次请求成功后就在本地保留一个缓存备份,后续的每次请求就在本身获得相关的缓存资源文件,可以明显的加快用户的访问速度。
css、img、js等静态文件可以缓存,但是动态程序文件如php文件就不能缓存,即使缓存我们也不要其缓存效果。
禁止浏览器对动态程序文件缓存的方法:
(1)给请求的地址设置随机数[推荐]
(2)给动态程序设置header头信息
给请求的地址设置随机数,避免缓存效果:
<!--10-cache.html--><!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function f1(){ var xhr = new XMLHttpRequest(); xhr.open('get', './10.php?' + Math.random());//保证每次请求的地址都不一样 xhr.send(null); } </script> </head> <body> <h2>ajax发起服务器端的请求(缓存处理)</h2> <input type="button" value="触发" onclick="f1()"> </body></html>
10.php
<?php$fp = fopen("./10.txt", "a");//追加方式打开10.txt文件(文件不存在会自动创建)fwrite($fp,"java");//给文件写内容fclose($fp);//关闭文件?>
给动态程序设置header头信息:
10.php
<?php//设置header头禁止浏览器缓存当前页面header("Cache-Control:no-cache");header("Pragma:no-cache");header("Expirse:-1");$fp = fopen("./10.txt", "a");//追加方式打开10.txt文件(文件不存在会自动创建)fwrite($fp,"java");//给文件写内容fclose($fp);//关闭文件?>
更多关于ajax相关内容感兴趣的读者可查看本站专题:《jquery中Ajax用法总结》、《JavaScript中ajax操作技巧总结》、《PHP+ajax技巧与应用小结》及《asp.net ajax技巧总结专题》
希望本文所述对大家ajax程序设计有所帮助。
122 在
学历:一种延缓就业设计,生活需求下的权衡之选中评论 工作几年后,报名考研了,到现在还没认真学习备考,迷茫中。作为一名北漂互联网打工人..123 在
Clash for Windows作者删库跑路了,github已404中评论 按理说只要你在国内,所有的流量进出都在监控范围内,不管你怎么隐藏也没用,想搞你分..原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号