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

Question

转：aswang

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

之前的验证码写法如下：


Html代码

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

复制代码Java代码

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

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

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

1.jpg (68.56 KB, 下载次数: 1)

下载附件

2011-01-14 13:31 上传

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

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


Html代码

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

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