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