1

我在联系我们页面中使用了一个简单的验证码。我想使用 javascript / jQuery 添加刷新功能。制作验证码图像的函数位于单独的文件中。当页面加载验证码运行良好但我无法进行刷新。我的代码是：

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

我真的很感激你的帮助。感谢您的阅读。

4

1 回答 1

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参数不是更好吗？

于 2013-08-21T07:57:16.150 回答