2013-08-21 70 views
1

我在我的联系人页面中使用简单的验证码。我想添加一个使用javascript/jQuery的刷新功能。 使验证码图像的功能位于单独的文件中。 当页面加载CAPTCHA时效果很好,但我无法进行刷新。 我的代码是:jQuery/php刷新验证码

<head> 
... 
    $(document).ready(function(){ 
     $('#reload').click(function(){ 
      $("#captcha").load("functions/captcha.php"); // function that creates the NEW CAPTCHA 
      $("#captcha").attr("src", "images/captcha.jpg?"+(new Date()).getTime()); 
     }); 
    }); 

... 
</head> 
<body> 
<?php 
    require(functions/captcha.php); 
?> 

    // form 
    ... 
    <label for="captcha_code">ENTER CAPTCHA</label> 
    <img src="images/captcha.jpg" id="captcha" /> 
     <a id='reload'>Refresh now</a> 
     <input type="text" name="captcha_code" value="captcha_code"> 
    ... 

我真的感谢您的帮助。 谢谢您的阅读。

回答

0

您应该在“functions/captcha.php”完全加载之前等待。

试试这个例子:

<div id="loader"></div> <!-- hide this div by css --> 
$('#reload').click(function() { 
    $("#loader").load("functions/captcha.php", function() { 
      $("#captcha").attr("src", "images/captcha.jpg?refr="+(new Date()).getTime()); 
    }); 
}); 

但不能够更好地创造functions/captcha.php输出的图像,只是刷新src参数?

+0

谢谢托马斯,但它仍然无法正常工作。你是对的,但首先我想弄清楚如何创建一个新的。 –