实现单击刷新验证码

一般登录页面上都有验证码，如何实现单击刷新验证码呢？

首先，我们看看验证码是如果渲染的？

其实，就是一张图片，src属性设置成后台给的地址就行了，通过这个地址请求到验证码。前端不用写什么逻辑，只需要写个img标签就可以了，非常简单。但如何实现单击刷新呢？

这时候，我们应该想到：

添加click事件；

每次点击都要重新请求一遍验证码资源；

于是，我们可以这样写：

然后定义updateImg函数：

但是，单击验证码没反应，估计应该是浏览器每次都从缓存里加载资源，这时候，可以在请求地址后面加上后缀，就可以每次都发起新的请求了。

每次请求到的新验证码，渲染到页面上，就实现了点击刷新功能。

公众号菜单更新啦，欢迎大家关注：