<p>js/jquery点击刷新验证码,网站验证码点击刷新的多种实现。实现原理:URL后面的那串数字的改变其实是为了实现重新请求 URL而已,一般是图片链接指向生成验证码的链接,点击后使用 js 来给连接进行改变,就是后面加一串随机数,这样浏览器检测到 src 后面的连接改变了(那串随机字符串就是这个作用),然后就会重新请求后台,获取重新生成的验证码图片。</p><p>前端代码:</p><pre class="brush:html;toolbar:false"><p id="codeBox"> <img src="http://panxu.net?captcha" id="codeImg" alt="验证码"> <a href="javascript:void(0);" id="changeCode">看不清,换一张</a> </p></pre><p>后面的参数必须,参数下面两种都可以随意选择。</p><p>1、时间参数</p><pre class="brush:js;toolbar:false;">//刷新验证码 $(document).on('click','#changeCode',function(){ document.getElementById("codeImg").src=path+"?=captcha&"+new Date().getTime(); });</pre><p>2、随机数</p><pre class="brush:js;toolbar:false;">//刷新验证码 $(document).on('click','#changeCode',function(){ var randomnum = Math.random(); var img=document.getElementById("codeImg"); img.src=path+"?=captcha&"+randomnum; });</pre><p>如果想一行搞定可以这么写</p><pre class="brush:html;toolbar:false"><img src="生成验证码的接口" οnclick="this.src=this.src+'?'+Math.random()" id="img"> <a href="https://panxu.net" οnclick="document.getElementById('img').onclick()">换一张?</a><br/></pre>