读书人

验证码在IE中不刷新的解决方法

发布时间: 2012-11-03 10:57:43 作者: rapoo

验证码在IE中不刷新的解决办法

之前的验证码写法如下:

?

<img id="checkCodeImg" title="看不清?请点击图片更换!" align="absmiddle" src="<%=request.getContextPath() %>/basic/user/validNumGenerate.action"onclick="refreshCheckCode();"/>
?

?

function refreshCheckCode(){document.getElementById("checkCodeText").value="";//注意后面必须要加上随机数 否则浏览器不会向服务器发送请求document.getElementById("checkCodeImg").src="<%=request.getContextPath() %>/basic/user/validNumGenerate.action?rnd="+Math.random();}

?在几个浏览器里面测试都没问题,但是最近还是发现了一个bug,就是在IE浏览器地址栏里面输入地址栏后,回车,第一次验证码图片刷新,但是再按回车键的时候,就不刷新了。在chrome里面是不存在这个问题。

首先想到的就是缓存问题,IE浏览器在获取图片的时候,看到src的地址没有变化,就没有去服务器重新获取图片,导致验证码不刷新,为了弄清楚这个问题,我对IE浏览器进行了如下设置:

?


验证码在IE中不刷新的解决方法

这个时候再进行上面的测试,发现验证码刷新了,那就证明确实是缓存导致的。

我们不能要求所有的用户都把IE浏览器进行上面的设置,因此我们只能改进自己的代码,修改之后的代码如下:

?

?

<img id="checkCodeImg" title="看不清?请点击图片更换!" align="absmiddle"   src="<%=request.getContextPath() %>/basic/user/validNumGenerate.action?<%=System.currentTimeMillis()%>"   onclick="refreshCheckCode();"/>

?在图片的src后面加上一个时间戳,这样确保每次的src地址都不一样,这样浏览器每次都会到服务器上重新获取图片了。

?

读书人网 >Web前端

热点推荐