Question

我试图创建一个执行隐形重新检查的简单页面，如果成功，则会提醒收到的令牌。尽管经过多次尝试，但我没有让它发挥作用。我做了一个小例子：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        var recaptchaCallback = function(token) {
            alert(token);
        };
    </script>
    <div class='g-recaptcha' data-sitekey='MY_KEY' data-callback='recaptchaCallback' data-size='invisible'></div>
    <script src="//www.google.com/recaptcha/api.js" async defer></script>
    <script type="text/javascript">
        $(document).ready(function(){
            grecaptcha.execute();
        });
    </script>
</body>
</html>

javascript引擎错误说＆＃34; grecaptcha未定义＆＃34;。如果我用

替换该行

setTimeout(function() {grecaptcha.execute();}, 1000);

然后程序按预期运行，但是非常不稳定。我怎么能告诉jQuery实际上等待谷歌重回购代码完全加载？

Answer 1

我目前通过使用

来解决问题

var ticker = setInterval(function(){
    try{
        grecaptcha.execute();
        clearInterval(ticker);
    } catch(e) {}
},100);

但如果有人有更优雅的解决方案，我仍然欢迎听到它。

获取隐形recaptcha以在页面加载时触发

1 个答案: