验证码在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浏览器进行上面的设置，因此我们只能改进自己的代码，修改之后的代码如下：

 

 

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

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