Ajax对缓存的处理方法实例分析_AJAX相关

林旭誉10天前发布

2440

这篇文章主要介绍了Ajax对缓存的处理方法,简单描述了缓存的功能,并结合实例形式分析了禁止浏览器对动态程序文件缓存的实现方法,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

AJAX 缓存问题的两种解决方法(IE)
防止jQuery ajax Load使用缓存的方法小结
jQuery ajax cache缓存问题
Jquery中Ajax 缓存带来的影响的解决方法
如何解决Ajax请求结果的缓存问题说明
ajax缓存问题解决途径
Ajax清除浏览器js、css、图片缓存的方法
ajax的get请求时缓存处理解决方法
解析浏览器端的AJAX缓存机制
AJAX防止页面缓存的代码

评分

欢迎为Ta评分