实现单击刷新验证码

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

首先,我们看看验证码是如果渲染的?

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

这时候,我们应该想到:

添加click事件

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

于是,我们可以这样写:

然后定义updateImg函数:

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

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

公众号菜单更新啦,欢迎大家关注:

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180105G0AA3O00?refer=cp_1026

扫码关注云+社区