Refresh Simple Captcha

Question

Sto usando simple captcha nel mio JSP. Va tutto bene. Voglio fornire un pulsante di aggiornamento a fianco di captcha per consentire all'utente di modificare il captcha. Captcha cambia solo quando si aggiorna la pagina completa, ma non voglio ricaricare l'intera pagina per questo.

Ho bisogno dei tuoi suggerimenti su come posso implementare questo come utilizzare AJAX o JQuery per ricaricare solo il captcha, non l'intera pagina.

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

Non ricordo come funziona SimpleCaptcha, ma in genere, è sufficiente modificare l'attributo 'src' di you captcha <img>. Qualcosa di simile sul onClick del pulsante di aggiornamento:

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