Ajax对缓存的处理

最新推荐文章于 2023-06-04 14:00:00 发布

Yeoman92

最新推荐文章于 2023-06-04 14:00:00 发布

阅读量1.6k

点赞数

分类专栏： web前端文章标签： ajax 缓存

本文链接：https://blog.csdn.net/Yeoman92/article/details/53158023

版权

web前端专栏收录该内容

46 篇文章 0 订阅

订阅专栏

缓存
　　浏览器的一次请求需要从服务器获得许多的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);//关闭文件
 ?>