以前总是遇到过页面无刷新更改验证码的问题,当时编写的代码在点击“提交”后如果出错返回时,就会出错,不能刷新验证码。今天在网上搜索了一下,总算找到一个比较好的解决办法,现将代码记录如下,以备日后查看使用。
代码:<img src="GetCode.asp" GetCode.asp?dumy=' + Math.random()" title="点击刷新验证码" />
原理:修改图片的src属性,给它重新赋值就可以。不过由于缓存的问题,如果两次都是同样的值,浏览器一般都不会刷新,所以需要给图片连接动一点手脚。
具体操作如下:在图片连接后面更上一个无意义的随机参数,这样连接的样子就不一样了,但是实际上是同一个图片,例如:
程序代码
<img src="somepic.gif">
<img src="somepic.gif?dumy=dumy">
上面两个img的src的连接不一样,但是指向的是同一个文件,所以如果我们把"somepic.gif"改为"somepic.gif?dumy=dumy"就能实现图像的刷新了。不过普通图片看不出刷新效果,用动态网页生成的验证码图片就可以看得出了。
用JS刷新验证码
最新推荐文章于 2023-11-14 15:10:08 发布