jQuery实现点击切换验证码

最新推荐文章于 2021-12-15 23:21:43 发布

杨杨大大

最新推荐文章于 2021-12-15 23:21:43 发布

阅读量507

点赞数

分类专栏： jQuery

博客均为个人学习笔记，可能会有所参照，若侵犯了您的版权，请联系本人删除！

本文链接：https://blog.csdn.net/y_fei/article/details/88900867

版权

1 篇文章 0 订阅

订阅专栏

验证码在我们浏览器显示其实就是一张图片

1）为img标签绑定onclick事件

<img id="changeCheckCode" src="${pageContext.request.contextPath }/CheckImg" onclick="changeCheckCode()"/>

2）书写事件内容，重新发送请求更换验证码，在最后拼接一个时间戳或者拼接随机数

拼接时间戳

function changeCheckCode(){
		$("#changeCheckCode").attr("src","${pageContext.request.contextPath }/CheckImg?time="+new Date().getTime());
	}

拼接随机数

function changeCheckCode(){
		$("#changeCheckCode").attr("src","${pageContext.request.contextPath }/CheckImg?random="+Math.random());
	}

为什么需要在最后拼接上参数呢？

第一次访问获得验证码后，浏览器会将其加入缓存，如果不拼接随机数或者时间戳，浏览器会认为是同一个请求，直接从缓冲中拿验证码。加上参数是为了骗过浏览器，让其认为是不同的请求，从而获取新的验证码。

关注