我一直在为我们的网站实施一个新的登录页面,其中一个要求是对表单中的两个元素进行重新接收(一个用于注册,另一个用于获取用户名/密码提醒)。
我设法让两个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
});
};
答案 0 :(得分:5)
好的,我是个白痴。
我以为我已经正确阅读了规范,结果我错过了对此URL的基本调用
插入私钥和编码后的响应后,我收到了JSON对象。
希望这可以解除我职位上其他人的困惑:(