Google reCaptcha ответ "Uncaught (в обещании) null" - PullRequest
Новая
       22

Google reCaptcha ответ "Uncaught (в обещании) null"

0 голосов
/ 18 сентября 2018

Я использую reCaptcha v2, но в ответе консоли разработчика Uncaught (in promise) null в любом случае (и перемещая функцию .reset())

консоль:

enter image description here

мой код для recaptcha: 

<div class="text-xs-center" style="text-align: center; height:150px;">
    <p style="color: black;"> Complete the verification: </p>
    <div style="display: inline-block;" class="g-recaptcha" data-sitekey="xxxxxxxxxxx" data-callback="callback"></div>
</div>

моя функция обратного вызова: 

function callback() {
    if (grecaptcha === undefined) {
        alert('Recaptcha non definito'); 
        return; 
    }

    var response = grecaptcha.getResponse();
    console.log(response);

    if (!response) {
        alert('Coud not get recaptcha response'); 
        return; 
    }

    $.ajax({
    'url' : 'validate-recaptcha.php',
    'type' : 'POST',
    'data' : {
        'response' : response   
    },
    'success' : function(data) {              
        alert('Data: '+data);
    },
    'error' : function(request,error)
    {
        alert("Request: "+JSON.stringify(request));
    }
    });
    grecaptcha.reset();
}

и мой validate-recaptcha.php :

<?php
//debug
$fp = fopen('debug.txt', 'a');
fwrite($fp, print_r($_POST, TRUE));
fclose($fp);
//enddebug

if (empty($_POST['recaptcha'])) {
    exit('Please set recaptcha variable');
}
// validate recaptcha
$response = $_POST['recaptcha'];
$post = http_build_query(
    array (
        'response' => $response,
        'secret' => 'yoursecretkey',
        'remoteip' => $_SERVER['REMOTE_ADDR']
    )
);
$opts = array('http' => 
    array (
        'method' => 'POST',
        'header' => 'application/x-www-form-urlencoded',
        'content' => $post
    )
);
$context = stream_context_create($opts);
$serverResponse = @file_get_contents('https://www.google.com/recaptcha/api/siteverify', false, $context);
if (!$serverResponse) {
    exit('Failed to validate Recaptcha');
}
$result = json_decode($serverResponse);
if (!$result -> success) {
    exit('Invalid Recaptcha');
}
exit('Recaptcha Validated');

При поиске в интернете, вероятно, проблема в функции .reset(), но я не понимаю решения.

Ответы [ 6 ]

0 голосов
/ 27 июня 2019

В моем случае я использовал jquery.3.4.1.slim.js, затем я изменил на jquery.3.4.1.min.js, и ошибка исчезла.Я на ASP.NET WebForms.

0 голосов
/ 23 мая 2019

@ Кристиан Жагарскас указал на это в комментарии: 

Turns out it also occurs when a site is not "registered" in the Google recaptcha/admin Domains area.

Я сделал эту ошибку, когда переключился с ключа разработки на ключ производства.В производственном ключе не было записей для localhost.

Я настроил ответ API для работы с перенаправлением прокси.Поэтому проверка работала в среде локального хоста, которая не была настроена в консоли администратора Google, что вызвало эту общую ошибку.

Действия по устранению ошибки, если ваша проверка выполняется за перенаправлением прокси:

  1. Войдите в свою учетную запись Google, где зарегистрированы ваши ключи recaptcha
  2. Введите в google "консоль администратора google recpatcha"
  3. Перейдите в настройки для своего (производственного) ключа
  4. В «Домены» добавьте эти две записи: 
localhost
127.0.0.1
Сохраните его и протестируйте свой recaptcha.
0 голосов
/ 15 февраля 2019

Аналогично вопросу / решению Джона Рикса.Я также получил ошибку, когда id элемента submit был 'submit'. 

<!-- Avoid id="submit" below -->
<input type="submit" id="submit" value="submit">```
0 голосов
/ 12 января 2019

В моем случае мой обратный вызов только что ссылался на некоторую переменную, которая не существовала, и я увидел ту же ошибку.Очень странная ошибка для чего-то такого простого!

Я также видел ту же ошибку, когда оставлял . после имени переменной при аварии.Похоже, это супер общая ошибка, которая означает fix the code in your callback!.

0 голосов
/ 03 декабря 2018

Еще одним триггером этой ошибки, которая мучила меня, была кнопка в форме с атрибутом имени 'submit'.Если вы используете пример кода автоматической привязки из документации reCaptcha , это сработает, так как «form.submit» будет ссылаться на кнопку, а не на функцию submit () самой формы.Дох! 

<html>
  <head>
    <title>reCAPTCHA demo: Simple page</title>
     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
     <script>
       function onSubmit(token) {
         document.getElementById("demo-form").submit();
       }
     </script>
  </head>
  <body>
    <form id='demo-form' action="?" method="POST">
      <!-- Oops.... avoid the name="submit" below -->
      <button name="submit" class="g-recaptcha" data-sitekey="your_site_key" data-callback='onSubmit'>Submit</button>
      <br/>
    </form>
  </body>
</html>
0 голосов
/ 21 сентября 2018

Recaptcha v2 callback js error

У меня тоже была эта ошибка, и я обнаружил, что она связана с обратным вызовом recaptcha (в вашем случае data-callback="callback").Если вы удалите свой атрибут обратного вызова данных, ошибка не появится.

Ошибка консоли Uncaught (in promise) null означает, что обратный вызов ожидает обещание.Вот базовая функция обратного вызова для повторного использования обещаний: 

function callback() {
    return new Promise(function(resolve, reject) { 

    //Your code logic goes here

    //Instead of using 'return false', use reject()
    //Instead of using 'return' / 'return true', use resolve()
    resolve();

  }); //end promise
};

В вашем случае вам нужно настроить свой код примерно так: 

function callback() {
  return new Promise(function(resolve, reject) {  

    if (grecaptcha === undefined) {
        alert('Recaptcha non definito'); 
        //return;
        reject();
    }

    var response = grecaptcha.getResponse();
    console.log(response);

    if (!response) {
        alert('Coud not get recaptcha response'); 
        //return;
        reject();
    }

    $.ajax({
    'url' : 'validate-recaptcha.php',
    'type' : 'POST',
    'data' : {
        'response' : response   
    },
    'success' : function(data) {              
        alert('Data: '+data);
        resolve();
    },
    'error' : function(request,error)
    {
        alert("Request: "+JSON.stringify(request));
        reject();   
    }
    });
    grecaptcha.reset();

  }); //end promise
}

Это мой первый ответ в SO,поэтому, пожалуйста, будьте терпеливы и дайте мне знать, если я что-то забыл или пропустил :)

...