在不刷新浏览器的情况下,实现页面的刷新。本文采用KgCaptcha验证码,实现无痕刷新验证码,下面是总结验证码不同情形下刷新的方法。
// 引入js
<script src="captcha.js?appid=XXX" id="KgCaptcha"></script>
<script>
// 初始化
kg.captcha({
// 绑定元素,验证框显示区域
bind: "#captchaBox",
});
</script>
<div id="captchaBox"></div>
// 刷新验证码
<button onclick="kg.reload({bind: '#captchaBox'});">刷新验证码</button>
// 引入js
<script src="captcha.js?appid=XXX" id="KgCaptcha"></script>
<script>
// 初始化
kg.captcha({
// 绑定弹窗按钮
button: "#captchaButton",
});
</script>
<a id="captchaButton">点击弹出验证窗口</a>
// 刷新验证码
<button onclick="kg.reload({button: '#captchaButton'});">刷新验证码</button>
// 引入js
<script src="captcha.js?appid=XXX" id="KgCaptcha"></script>
<script>
// 初始化
kg.captcha();
</script>
<div id="captchaDiv"></div>
// 刷新验证码
<button onclick="kg.reload(kg.param);">刷新验证码</button>
// 引入js
<script src="captcha.js?appid=XXX" id="KgCaptcha"></script>
<script>
// 初始化
kg.captcha();
</script>
<div id="captchaDiv"></div>
// 刷新验证码
<button onclick="kg.reload({});">刷新验证码</button>
// 引入js
<script src="captcha.js?appid=XXX" id="KgCaptcha"></script>
<script>
// 初始化
kg.captcha();
</script>
<a id="captchaButton">点击弹出验证窗口</a>
// 刷新验证码
<button onclick="kg.reload({});">刷新验证码</button>
SDK开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。