点击刷新验证码，

点击刷新验证码，

单击刷新验证码的原理

添加事件监听，单击时更改验证码图片<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还是什么来写事件监听都行