Odśwież Prosty Captcha

Question

Używam simple captcha w moim JSP. Wszystko w porządku. Chcę udostępnić przycisk odświeżania obok captcha, aby umożliwić użytkownikowi zmianę captcha. Captcha zmienia się tylko po odświeżeniu całej strony, ale nie chcę do niej załadować całej strony.

Potrzebuję twoich sugestii, w jaki sposób mogę to zaimplementować, tak jak przy użyciu AJAX lub JQuery, aby przeładować tylko captcha, a nie całą stronę.

Answer 1

<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"/> 

Answer 2

Nie pamiętam, jak działa SimpleCaptcha, ale zazwyczaj wystarczy po prostu zmienić atrybut "src" captcha <img>. Coś takiego na onClick swojej przycisk odświeżania:

var img = document.getElementById('captcha_id');// captcha_id is the id attribute of your caprtcha img 
img.src = 'Some new captcha url'; 

Answer 3

<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()" />