这篇文章主要介绍了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程序设计有所帮助。

最新资讯
陆奇:创新推动社会进步 技术是创新最持久的驱动力

陆奇:创新推动社会进步

陆奇表示,创新推动社会进步,技术是创新最大最持久的驱动
豆瓣动态恢复正常 此前称“功能正在升级”

豆瓣动态恢复正常 此

豆瓣动态目前恢复正常,用户已经可以正常查看所关注用户
滴滴自动驾驶或将于年底落地上海

滴滴自动驾驶或将于年

目前,滴滴已经在上海取得自动驾驶路测牌照,前期预计将投
FB被指滥用面部识别数据 或将面临350亿美元集体诉讼

FB被指滥用面部识别数

据外媒报道,在伊利诺伊州的一场涉及滥用面部识别数据的
结构性存款大变局:支付宝微信京东App代销或终结?

结构性存款大变局:支

根据央行发布数据测算,结构性存款规模在今年2月达到峰
周鸿祎与齐向东分家后再“同框”:“合影纪念下”

周鸿祎与齐向东分家后

第六届世界互联网大会今日开幕。在开幕式环节,360董事
最新文章
Ajax原理与应用案例快速入门教程

Ajax原理与应用案例快

这篇文章主要介绍了Ajax原理与应用案例,结合实例形式
Ajax提交post请求案例分析

Ajax提交post请求案例

这篇文章主要介绍了Ajax提交post请求,结合具体案例形
Ajax返回值类型与用法实例分析

Ajax返回值类型与用法

这篇文章主要介绍了Ajax返回值类型与用法,结合实例形
不使用XMLHttpRequest对象实现Ajax效果的方法小结

不使用XMLHttpRequest

这篇文章主要介绍了不使用XMLHttpRequest对象实现Ajax
关于Ajax跨域问题及解决方案详析

关于Ajax跨域问题及解

这篇文章主要给大家介绍了Ajax跨域问题以及解决方案的
Ajax请求跨域问题解决方案分析

Ajax请求跨域问题解决

这篇文章主要介绍了Ajax请求跨域问题解决方案,结合具