我在我的JSP中使用simple captcha。一切都好。我想在验证码旁边提供刷新按钮以允许用户更改验证码。 Captcha仅在刷新完整页面时进行更改,但我不想重新加载整个页面。刷新简单验证码
我需要你的建议,我可以如何使用AJAX或JQuery来重新加载验证码,而不是整个页面。
我在我的JSP中使用simple captcha。一切都好。我想在验证码旁边提供刷新按钮以允许用户更改验证码。 Captcha仅在刷新完整页面时进行更改,但我不想重新加载整个页面。刷新简单验证码
我需要你的建议,我可以如何使用AJAX或JQuery来重新加载验证码,而不是整个页面。
<script type="text/javascript">
function reloadCaptcha(){
var d = new Date();
$("#captcha_image").attr("src", "/captcha_generator.jsp?"+d.getTime());
}
</script>
...
<img id="captcha_image" src="/captcha_generator.jsp" alt="captcha image" width="200" height="50"/>
<img src="reload.jpg" onclick="reloadCaptcha()" alt="reload"width="40" height="40"/>
我不记得SimpleCaptcha是如何工作的,但通常情况下,您应该简单地更改captcha <img>
的'src'属性。像这样的东西在你的刷新按钮的onClick
:
var img = document.getElementById('captcha_id');// captcha_id is the id attribute of your caprtcha img
img.src = 'Some new captcha url';
<script type="text/javascript">
function reloadCaptcha(){
var d = new Date();
$("#captcha_image").attr("src", "captcha.php?"+d.getTime());
} </script>
<img id="captcha_image" src="captcha.php" alt="captcha image" width="90" height="33"/> <img src="images/refresh.png" alt="reload" width="22" height="22" border="0" onclick="reloadCaptcha()" />
无法点击刷新按钮.... – 2013-04-21 04:44:14
重装图像不能点击..你可以建议我PLZ? – 2014-01-01 16:28:57