一般登录页面上都有验证码,如何实现单击刷新验证码呢?
首先,我们看看验证码是如果渲染的?
其实,就是一张图片,src属性设置成后台给的地址就行了,通过这个地址请求到验证码。前端不用写什么逻辑,只需要写个img标签就可以了,非常简单。但如何实现单击刷新呢?
这时候,我们应该想到:
添加click事件;
每次点击都要重新请求一遍验证码资源;
于是,我们可以这样写:
然后定义updateImg函数:
但是,单击验证码没反应,估计应该是浏览器每次都从缓存里加载资源,这时候,可以在请求地址后面加上后缀,就可以每次都发起新的请求了。
每次请求到的新验证码,渲染到页面上,就实现了点击刷新功能。
公众号菜单更新啦,欢迎大家关注:
领取专属 10元无门槛券
私享最新 技术干货