您好,欢迎光临郑州网站制作网!
全国咨询热线:18539972853
首页/常见问题/文章详情

如何实现网页不刷新点击验证码更新验证码图片?

发表时间:2019-08-16 12:03:37    浏览次数:31

网站验证码随处可见,有些网站基于安全考虑,显示的验证码人眼不易辨别,需要多次刷新页面才可获得较为清楚的显示结果。早些时候,网页做的不够人性化,需刷新整个页面才能刷新验证码,但是若该页面正在填写表单或其它交互,刷新整个页面将会使页面数据丢失,不得不得重新填写,这样就非常不人性化了。如果仅仅只是需要刷新验证码,可以在验证图片按钮上加入JS的随机数即可实现刷新。

点击刷新验证图片

具体实现方法:加入JS的点击事件onclick,然后在获取验证码图片的链接上加入随机数Math.random()即可,是不是非常简单呀。

以ASP图片验证码为例,点击更换验证码,只需加上Math.random()即可实现。

<img src="../inc/code.asp" onclick="this.src=../inc/code.asp?+Math.random()"  />