js实现点击验证码无刷新重新加载验证码图片

最新推荐文章于 2022-11-09 20:29:57 发布

原创最新推荐文章于 2022-11-09 20:29:57 发布 · 659 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #经验分享

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种基于HTML与JavaScript实现的验证码刷新方法。通过为验证码图片元素添加点击事件，利用JavaScript函数实现每次点击时图片源URL的随机变化，从而达到刷新验证码的效果。此方案解决了浏览器缓存导致验证码不更新的问题。

<html>
<head></head>
<body>
<img id="verifyCode" onclick="reloadCode()" src="VerifyCodeServlet" />
</body>
<script type="text/javascript">
    function reloadCode(){
        var verifyCodeNode = document.getElementById('verifyCode');
        // 这里必须加入随机数，不然会被浏览器判定为同个请求，无法重新加载
        verCodeNode.setAttribute('src', 'VerifyCodeServlet?' + Math.random());
    }
</script>
</html>