时间戳解决浏览器缓存问题
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;
在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;
相关文章推荐
- 使用时间戳解决浏览器缓存问题
- 使用时间戳解决浏览器缓存问题
- 解决浏览器缓存问题---url拼接一个时间戳
- 时间戳解决浏览器缓存问题
- 时间戳 解决浏览器缓存问题
- 使用时间戳解决浏览器缓存问题
- 使用时间戳解决浏览器缓存问题
- ajax学习笔记---解决浏览器缓存和中文乱码问题
- MVC清除缓存,可以解决浏览器后退键带来的问题
- 解决浏览器的缓存Ajax取不到最新的数据的为问题
- 用时间戳思想解决读取缓存问题
- 给url添加时间戳,解决浏览器缓存
- WdatePicker时间改变事件(顺带解决有些浏览器下兼容性问题)
- 解决使用Ajax时浏览器的缓存问题
- 在表示层禁用浏览器缓存的方法,以解决应用开发不能即时刷新体现修改结果的问题
- 浏览器缓存机制及一些缓存问题解决方法
- 浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
- 解决使用Ajax时浏览器的缓存问题
- Ajax解决浏览器的缓存问题
- Ajax解决浏览器的缓存问题