您的位置:首页 > 其它

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

2016-11-06 23:15 1081 查看
【背景】

在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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: