javascript - $_POST ["g-recaptcha-response"]，它存储在验证码 div 元素中的什么位置？如何使用 AJAX 处理 Recaptcha？

Question

我有一个简单的表单，它将 AJAX 调用发送到通过电子邮件发送消息的脚本。我以前只是提交了一个简单的表单，并且工作正常，但是当转换为使用 AJAX 时，$_POST 参数之一 'g-recaptcha-response'，我好像抓不到。

<form action="./scripts/sendEmail.php" id="emailform" method="post">
    <textarea id="mess" rows="10" cols="50" name="message"></textarea> <br/><br/>
    <div class="g-recaptcha" data-sitekey="..."></div> <br/>
    <input type="submit" value="Send"/>
</form>

sendEmail.php 接受两个 $_POST 值:'message' 和 'g-recaptcha-response' >。 AJAX如下:

$(document).ready(function() {
    $('#emailform').submit(function(event) {
        event.preventDefault();
        var $form = $(this);
        $.ajax({
            url: $form.attr('action'),
            method: $form.attr('method'),
            dataType: 'json',
            data: {
                message: $('textarea#mess').val(),
                g-recaptcha-response: //???
            }
        });
    });
});

我已经为注释的 //??? 尝试了几个值，例如 $('input#recaptcha-token').val() ，因为 sendEmail.php 上的 $_POST['g-recaptcha-response'] 与此 token 匹配，但提交时仍然出现错误。

Notice: Use of undefined constant success - assumed 'success' in dir\sendEmail.php

sendEmail.php 如下所示:

if (isset($_POST['g-recaptcha-response'])) {
    $captcha = $_POST['g-recaptcha-response'];
}
if ($captcha) {
    $response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=/*secret*/&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']);
    if ($response.success == true) {
        //send e-mail
        exit;
    }
}
//error handling

我不确定我的问题是否是抓取 $_POST['g-recaptcha-response'] 还是其他内容。将值更改为 "" 会弹出相同的错误。

我想重申一下，无需 AJAX，一切都可以正常工作。我没有收到错误消息，response.success 被按其应有的方式处理。

Answer 1

我明白了。 g-recaptcha-response 存储在文本区域 (textarea#g-recaptcha-response) 中，我之前尝试过但没有成功。事实证明这是 JQuery 中的错误: g-recaptcha-response:$('textarea#g-recaptcha-response').val() 不起作用，因为 $_POST 变量需要没有连字符 (???)。将其括在引号中使其工作并且一切都很顺利。