点击刷新验证码


单击刷新验证码的原理

添加事件监听,单击时更改验证码图片<img />的src属性值,src改变后,浏览器会自动向新的地址发起请求,请求图片。

后台的验证码接口一般不轻易更改,那就用?给它传递一个参数,传递一个随机数、或者当前时间戳,只要和上一次的src不同即可。

 

 

demo

<img id="validateCodeImg" src="/validateCode" />

<script>
    // 点击刷新验证码
    $("#validateCodeImg").click(function () {
        //给它一个随机数,不同就ok
        $(this)[0].src ='/validateCode?'+Math.random();
    });
</script>

 用js、jq、vue还是什么来写事件监听都行

 

posted @ 2020-04-13 16:44  chy_18883701161  阅读(518)  评论(0编辑  收藏  举报