Question

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

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

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

Answer 1

你应该在“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参数不是更好吗？

jQuery / php刷新CAPTCHA

1 个答案: