Refresh Simple Captcha

Question

私のJSPにsimple captchaを使用しています。全て大丈夫。キャプチャの横にリフレッシュボタンを用意して、ユーザーがキャプチャを変更できるようにしたい。 Captchaは完全なページをリフレッシュするときにのみ変更されますが、ページ全体をリロードする必要はありません。

AJAXまたはJQueryを使用して、ページ全体ではなくcaptchaのみをリロードするように、私がこれをどのように実装できるかについてのあなたの提案が必要です。

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

SimpleCaptchaの仕組みは覚えていませんが、通常は、キャプチャの「src」属性を変更するだけです（<img>）。あなたの[更新]ボタンのonClick上でこのような何か：

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