IE下浏览器缓存导致验证码不能刷新原因（Chrome能刷新）

验证码刷新方法：

方法一：
jQuery的.click()方法：

$('#changeVerity').click(function () {
            $(this).attr('src', '{:url(\'index/Index/getVerify\')}');        
            });

通过对id为changeVerity的显示验证码的img标签的click事件，对通过调用生成验证码的url设置其src值。
存在问题：
在IE和Firefox中出现兼容问题，不能刷新验证码，chrome正常刷新。

方法二：
img标签的onclick事件：

<img id="changeVerity" src="{:url('index/Index/getVerify')}" onclick="this.src='{:url('index/Index/getVerify')}?rand='+Math.random()">

在onclick事件的url后面必须加上一个随机数
方法二适用于各种浏览器，不会出现兼容性问题。

原因：

---

那为什么会出现这浏览器兼容性的差异，为什么url必须加随机数？
浏览器缓存
https://www.cnblogs.com/kinthon/p/5046425.html
我们通过get请求获得验证码的img图片，如果不添加随机数那么就是对同一url重复请求
有的浏览器会默认将url相同的GET请求做缓存处理(来自http://java-xp.iteye.com/blog/1518510),比如IE就会进行缓存
所以后面获取到的验证码还是第一次进入页面时的验证码，不会刷新

---

方法一未加随机数但在chrome还是能够刷新，原因是chrome和IE缓存机制的差异，通过jQuery对其进行刷新在chrome中不会引起缓存（尝试发现只要包含参数的url都不会引起chrome的验证码缓存），而在IE中只要相同url都会引起验证码的缓存。