2

我在验证 recaptcha 输入时遇到问题。这是我的代码：

// Validate Recaptcha Input
var challenge = $("#recaptcha_challenge_field").val();
var response = $("#recaptcha_response_field").val();

var dataString = 'recaptcha_challenge_field=' + challenge + '&recaptcha_response_field=' + response;


var html = $.ajax({
type: "POST",
    url: "PHP/recaptchaverify.php",
    data: dataString,
    async: true
}).responseText;

console.log(html);

if(html == 'accept') 
{
    alert("CORRECT");
}

else
{
    alert("The reCAPTCHA wasn't entered correctly. Go back and try it again.");
    $("#recaptcha_response_field").focus();
    Recaptcha.reload();
    return false;
}

现在我将变量传递给 recpatchaverify.php

require_once('../scripts/recaptcha-php/recaptchalib.php');
$privatekey = "MYKEY";

$resp = recaptcha_check_answer ($privatekey, $_SERVER["REMOTE_ADDR"], $_POST["recaptcha_challenge_field"], $_POST["recaptcha_response_field"]);

if (!$resp->is_valid) 
{
    // What happens when the CAPTCHA was entered incorrectly
    echo "error";
} 

else 
{
    // Your code here to handle a successful verification
    echo "accept";
}

现在我的问题是，每当我正确输入 Recaptcha 时，html 变量都会显示“接受”，但它在 IF 语句中不起作用？

4

1 回答 1

1

您正在对服务器进行异步请求，这意味着当 $.ajax() 行完成并继续执行到 console.log() 和 if() 语句时，对服务器的实际请求仍处于挂起状态并且尚未尚未完成。在 if() 语句执行时，responseText 实际上是“未定义的”。

相反，您需要使用“成功”回调函数，如下所示：

// Validate Recaptcha Input
var challenge = $("#recaptcha_challenge_field").val();
var response = $("#recaptcha_response_field").val();

var dataString = 'recaptcha_challenge_field=' + challenge + '&recaptcha_response_field=' + response;


$.ajax({
    type: "POST",
    url: "PHP/recaptchaverify.php",
    data: dataString,
    success: function(html) {
        if(html == 'accept') 
        {
            alert("CORRECT");
        }

        else
        {
            alert("The reCAPTCHA wasn't entered correctly. Go back and try it again.");
            $("#recaptcha_response_field").focus();
            Recaptcha.reload();
            return false;
        }
    }
});
于 2013-02-26T20:30:14.677 回答