Google Recaptcha - GetResponse不返回JSON

时间:2014-11-20 10:13:44

标签: javascript jquery html json recaptcha

我一直在为我们的网站实施一个新的登录页面,其中一个要求是对表单中的两个元素进行重新接收(一个用于注册,另一个用于获取用户名/密码提醒)。

我设法让两个recaptchas工作,并且它们都正常运行。但是,当我尝试使用recaptcha.getResponse()或使用recaptcha.render('回调')方法时,尽管在规范中有这样的说法,但它并不返回JSON,。这是

  

响应是JSON对象

{
    "success": true|false,
    "error-codes": [...]   // optional
}

我在返回的数据中没有像这样远程获取任何内容。相反,看起来 Base64编码,但是我尝试过的任何解码器都失败了。看起来像这样

  

03AHJ_VuvWh4kgzEcKC_TBcc_BQjLucuL6g5tKXwYJT ......(此后更多)

这是我执行重新接收的代码。它可能看起来很混乱,但这只是原型设计。谁能看出我做错了什么?我认为我完全遵循了规范。

HTML(为简洁而剪裁)

<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

<div id="div_signup_recaptcha"></div>
<div id="div_forgotdetail_recaptcha"></div>

JS / jQuery的

var grecaptchaSignup, grecaptchaForgotDetail;
var verifyForgotDetailCallback = function (response) {
    console.log(response);
}

var verifySignupCallback = function (response) {
    console.log(response);
}

var onloadCallback = function () {
    grecaptchaSignup = grecaptcha.render('div_signup_recaptcha', {
        'sitekey': 'mykey',
        'callback': verifySignupCallback
    });
    grecaptchaForgotDetail = grecaptcha.render('div_forgotdetail_recaptcha', {
        'sitekey': 'mykey',
        'callback': verifyForgotDetailCallback
    });
};

1 个答案:

答案 0 :(得分:5)

好的,我是个白痴。

我以为我已经正确阅读了规范,结果我错过了对此URL的基本调用

  

https://www.google.com/recaptcha/api/siteverify?secret=your_secret&response=response_string&remoteip=user_ip_address

插入私钥和编码后的响应后,我收到了JSON对象。

希望这可以解除我职位上其他人的困惑:(