Làm mới Đơn giản Captcha

Question

Tôi đang sử dụng simple captcha trong JSP của mình. Mọi thứ ổn cả. Tôi muốn cung cấp nút làm mới cùng với hình ảnh xác thực để cho phép người dùng thay đổi hình ảnh xác thực. Captcha chỉ thay đổi khi làm mới trang hoàn chỉnh nhưng tôi không muốn tải lại toàn bộ trang cho nó.

Tôi cần đề xuất của bạn về cách tôi có thể triển khai điều này như sử dụng AJAX hoặc JQuery để chỉ tải lại hình ảnh xác thực chứ không phải toàn bộ trang.

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

Tôi không nhớ cách SimpleCaptcha hoạt động, nhưng thông thường, bạn chỉ cần thay đổi thuộc tính 'src' của bạn captcha <img>. Một cái gì đó như thế này trên onClick của nút refresh của bạn:

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