主页 > 知识库 > Ajax对缓存的处理方法实例分析

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

热门标签:电子围栏 Linux服务器 阿里云 团购网站 服务器配置 Mysql连接数设置 银行业务 科大讯飞语音识别系统

本文实例讲述了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防止页面缓存的代码

标签:萍乡 广元 大理 江苏 衡水 蚌埠 衢州 枣庄

巨人网络通讯声明:本文标题《Ajax对缓存的处理方法实例分析》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266