Ajax对缓存的处理

缓存#

浏览器的一次请求需要从服务器获得许多css、img、js等相关的文件如果每次请求都把相关资源文件加载一次对带宽、服务器资源、用户等待时间都有严重的损耗浏览器有做优化处理，就是把css、img、js等文件在第一次请求成功后就在本地保留一个缓存备份后续的每次请辞u就在本身获得相关的缓存资源文件就可以了可以明显地加快用户的访问速度

css、img、js等文件可以缓存但是动态程序文件例如PHP文件不能进行缓存即使缓存我们也不要其缓存效果。览器对动态程序文件缓存的处理解决：

给请求的地址设置随机数【推荐】
给动态程序设置header头信息，禁止浏览器对其缓存

给请求的地址设置随机数#

1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <meta charset="UTF-8">
5
    <title>Ajax对缓存的处理</title>
6
    <script type="text/javascript">
7
    function f1(){
8
        var xhr = new XMLHttpRequest();
9
        xhr.open('get', './server.php?'+Math.random());
10
        xhr.send(null);
11
    }
12
    </script>
13
</head>
14
<body>
15
    <h2>Ajax对缓存的处理</h2>
16
    <input type="button" value="触发" onclick="f1()">
17
    <div id="result"></div>
18
</body>
19
</html>

1
//设置header头禁止浏览器缓存当前页面
2
header("Cache-Control:no-cache");
3
header("Pragma:no-cache");
4
header("Expires:-1");
5
$fp = fopen("test.txt","a");
6
fwrite($fp, "php "); fclose($fp);

缓存#

给请求的地址设置随机数#

给动态程序设置header头信息#