无回调渲染 Google Recaptcha

Question

我想在没有 onload 回调的情况下呈现 recaptcha 元素。我有一个没有<form> 的页面。他们在保存到数据库之前使用 jquery 从输入字段中获取值，所以我想在保存之前得到响应。

HTML 头部：

<script src='https://www.google.com/recaptcha/api.js'></script>

身体：

<div id="googleQuoteRecapture"></div>

document.ready中的JS：

var widget = document.getElementById('googleQuoteRecapture')
var widgetId1 = grecaptcha.render(widget, {
  'sitekey' : 'site_key',
  'theme' : 'light'
});

Uncaught ReferenceError: grecaptcha is not defined

目标是grecaptcha.getResponse(widgetId1)

这可能吗？

Answer 1

您可以使用间隔来检查grecaptcha 变量是否存在。

这是一个例子：

var interval = setInterval(function(){
  if(window.grecaptcha){
    var widget = document.getElementById('googleQuoteRecapture')
    var widgetId1 = grecaptcha.render(widget, {
      'sitekey' : 'site_key',
      'theme' : 'light'
    });
    clearInterval(interval);
  }
}, 100);

但是使用onloadCallback 参数要容易得多。