javascript - 使用 AJAX 确定无验证码重新验证是否成功

Question

尝试通过 AJAX 调用将新的无验证码重新验证码实现到我的网站。如果我使用带有提交按钮的基本表单，它工作正常，但当我尝试通过 AJAX 实现它时，它失败了。

$.ajax({
    url: "/REST/takeFountainItem",
    dataType: "json",
    type: "POST",
    data: {
        "g-recaptcha-response": $("#g-recaptcha-response").val()
    }
}).done(function(data) {
    console.log(data);
});

有没有我需要调用的函数之类的？看header信息，发的是一个很大很长的key，但是不管是什么key都验证不了。

Answer 1

Google 提供了验证验证码的功能。您需要在允许提交表单之前对其进行验证。请参阅他们的文档以获取更多详细信息:https://developers.google.com/recaptcha/docs/display

我的设置是这样的: <script src='https://www.google.com/recaptcha/api.js?onload=reCaptchaCallback&render=explicit'></script>

var RC2KEY = 'sitekey';
function reCaptchaVerify(response) {
    if (response === document.querySelector('.g-recaptcha-response').value) {
        /* do something */
    }
}

function reCaptchaExpired () {
    /* do something when it expires */
}

function reCaptchaCallback () {
    grecaptcha.render('id', {
        'sitekey': RC2KEY,
        'callback': reCaptchaVerify,
        'expired-callback': reCaptchaExpired
    });
}