Invisible google Recaptcha e formulário ajax
Eu tenho um formulário ajax:
<form id="my_form">
<input type="text" id="field1" />
<input type="submit" value="submit" />
</form>
E código js:
document.getElementById("my_form").onsubmit = function(e) {
e.preventDefault();
var xhr = new XMLHttpRequest();
//.............. send request to a server
Na documentação, assume que um formulário é normal, não ajax. Como exatamente devo integrar o reCaptcha invisível aos meus formulários ajax? Por exemplo:
<form id="my_form">
<input type="text" id="field1" />
<div class="g-recaptcha" data-sitekey="12345" data-callback="????></div>
<input type="submit" value="submit" />
</form>
E, em particular, o que devo especificar para o manipulador de "retorno de chamada de dados"? Novamente, na documentação, o retorno de chamada de dados envia um formulário, mas um formulário normal, enquanto o meu é ajax. Preciso de "retorno de chamada de dados"? Eu não deveria chamar recaptcha dentro do meu manipulador? Quão?
Existem "render", "getResponse" e "execute". Qual devo usar? Não está claro na documentação.