问题背景:
在开发中,为了避免表单的重复提交,使用了验证码,但是在做单机验证码切换功能时,发现谷歌浏览器单机每次都可刷新验证码的图片,但是火狐浏览器和IE浏览器,就仅仅的能刷新一次。
原因:
因为浏览器为了提高请求的速度,每次请求的内容会缓存到浏览器端。而再次请求,浏览器会直接从缓存中寻找,然后返回,所以每次刷新图片,请求的确是发送,但是图片并没有更换。
分析:
因为缓存的名称由请求最后的资源名和参数名组成,如果你发送的两次请求,最后的资源名和参数名相同,那么浏览器会在缓存中匹配成功,并且给你返回缓存的内容,反之(最后的资源名和参数名)不同,自然也不会在缓存中匹配成功,也就成功的跳过了缓存。
解决方案:
在请求的后面加上一个参数,例如:时间戳
举个例子:每次要请求的地址如下;
http://localhost:8080/English/regist/kaptcha.jpg
因为每次的请求资源名和参数名是一样的,所以会在缓存中匹配成功,那么我在后面加上一个时间戳。
http://localhost:8080/English/regist/kaptcha.jpg?d=new Date();
这样就可以成功避免缓存问题。