时间戳解决浏览器缓存问题

【背景】

在IE或者其他的很多浏览器中,如果你每次请求的地址是相同的,浏览器就不会去连接服务器而是去读取缓存,这样对于很多应用来时是非常好的,可以降低服务器的压力或者减少带宽的使用,但是对于ajax应用,很多都是必须保持时时的连接与服务器进行交互,所以需要使用一个小技巧,时间戳来使每次的请求地址都不同,从而跳过浏览器的缓存

【应用】

因为是绝对路径访问,所以要注意缓存问题,加个时间戳

//Ajax的异步校验用户名
 function checkUsername(){
        //获得文本框的一个值
        var username= document.getElementById("username").value;
        //1.创建异步交互的对象
        var xhr=creatXmlHttp();
        //2.设置监听,触发回调函数
        xhr.onreadystatechange=function(){
        }
        //3.打开连接(第一个参数请求方式,第二个参数请求路径)因为这种ajax请求方式容易发生浏览器缓存,所以加上了事件戳
        xhr.open("GET","${pageContext.request.contextPath}/user_findByName.action?<span style="color:#ff0000;">time="+new Date().getTime</span>+"&username="+username,true);
        //4.发送
        xhr.send(null);
    }

function creatXmlHttp(){
       var xmlHttp;
       try{//firefox,Opera,safari
          xmlHttp=new XMLHttpRequest();
       }
       catch(e){
          try{//internet Explorer
          xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
         }
         catch(e){
            try{
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e){}
         }
       }
       return xmlHttp;


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值