Question

在将验证码v3提交给Ajax时遇到问题。我没有收到Google的回覆。我已经尝试了多个教程，但我认为它不能解决ajax请求。

我认为问题出在Google或我的php或ajax请求。我了解我的代码，但不熟悉使用Google验证码v3这样的代码。我以前使用过验证码v2。现在我正在尝试v3，无法用我的代码运行它。

这是我的Ajax和HTML代码：

// when form is submit
    $('.contact-form').submit(function (event) {
        // we stoped it
        event.preventDefault();
        var url = $(this).prop('action');
        var contact_data = $(this).serialize();
        $('.btn-contact').html('<em class="fas fa-spinner fa-pulse"></em> Sending...');
        $('.alert').fadeOut('slow');
        // needs for recaptacha ready
        grecaptcha.ready(function () {
            // do request for recaptcha token
            // response is promise with passed token
            grecaptcha.execute('6Ldjp6Q[--my site key---]8H5bxI1', { action: 'create_contact' }).then(function (token) {
                // add token to form
                $('.contact-form').prepend('<input type="hidden" name="g-recaptcha-response" value="' + token + '">');
                var contact = function () {
                    $.ajax({
                        type: 'POST',
                        url: url,
                        dataType: 'json',
                        data: contact_data, token: token ,
                        success: function (response) {
                            $('.message').html(response.message);
                            $('.btn-contact').html('<em class="fas fa-paper-plane"></em> Send');
                            if (response.error) {
                                $('.status').removeClass('alert-success').addClass('alert-danger').show();
                            }
                            else {
                                $('.status').removeClass('alert-danger').addClass('alert-success').show();
                                $('.contact-form')[0].reset();
                            }
                        }
                    });
                };
                setTimeout(contact, 3000);
            });;
        });
    });

<?=form_open('Contact/Send_Contact', array('class' => 'contact-form'))?>
            <div class="row top-2">
                <div class="col-md-12">
                    <div class="status alert text-center" style="display:none;">
                        <button type="button" class="close clearMsg"><span aria-hidden="true">&times;</span></button>
                        <span class="message"></span>
                    </div>
                </div>
                <div class="form-group col-md-6">
                    <input type="text" placeholder="Your Name" name="name" class="form-control name">
                    <div class="invalid-feedback invalid-name"></div>
                </div>
                <div class="form-group col-md-6">
                    <input type="email" placeholder="Your Email" name="email" class="form-control email">
                    <div class="invalid-feedback invalid-email"></div>
                </div>
                <div class="form-group col-md-12">
                    <input type="text" placeholder="Subject" name="subject" class="form-control subject">
                    <div class="invalid-feedback invalid-subject"></div>
                </div>
                <div class="form-group col-md-12">
                    <textarea placeholder="Message" class="form-control message_text" name="message" rows="4"></textarea>
                    <div class="invalid-feedback invalid-message"></div>
                </div>
                <div class="col-md-12">
                    <button type="submit" class="btn btn-info btn-contact float-right"><em class="fas fa-paper-plane"></em> Send</button>
                </div>
            </div>
            </from>
<script src="https://www.google.com/recaptcha/api.js?render=6Ldj[--My site key--]5bxI1"></script>

我还复制了一些PHP代码，但我不知道问题出在哪里，因为这是我第一次使用CodeIgniter，而且我也没有使用captcha v3。请在这里查看我的PHP代码：

public function Send_Contact() {
        $output['error'] = true;
        $output['message'] = 'Please fill up the error field(s).';

        $name = $this->input->post('name');
        $email = $this->input->post('email');
        $subject = $this->input->post('subject');
        $message = $this->input->post('message');
        $captcha = $this->input->post('token');

        $this->form_validation->set_rules('name', 'Name', 'required');
        $this->form_validation->set_rules('email', 'Email', 'required');
        $this->form_validation->set_rules('subject', 'Subject', 'required');
        $this->form_validation->set_rules('message', 'Message', 'required');

        if($this->form_validation->run() === false) {
            //some codes here I remove because it has nothing to do with the question.
            die(json_encode($output));
        }

        if(!$captcha){
            $output['message'] = "Invalid catpcha";
            die(json_encode($output));
        }

        $secretKey = "6Ldjp[--My secret key--]YQL_";
        $ip = $_SERVER['REMOTE_ADDR'];

        // post request to server
        $url = 'https://www.google.com/recaptcha/api/siteverify';
        $data = array('secret' => $secretKey, 'response' => $captcha);

        $options = array(
            'http' => array(
            'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
            'method'  => 'POST',
            'content' => http_build_query($data)
            )
        );

        $context  = stream_context_create($options);
        $response = file_get_contents($url, false, $context);
        $responseKeys = json_decode($response,true);

        if($responseKeys["success"]) {
            if($this->contact_model->create_contact()) {
                $output['error'] = false;
                $output['message'] = 'Thank you for sending message! <em class="far fa-check-circle"></em>';
                echo json_encode($output);
            } else {
                $output['error'] = true;
                $output['message'] = 'Error in database model.';
                echo json_encode($output);
            }
        } else {
            $output['message'] = "Invalid catpcha";
            die(json_encode($output));
        }
    }

我正在使用Codeigniter 3，并且此公共功能在联系人控制器中。

Answer 1

您尝试使用https进行响应，但是file_get_contents不支持https，请尝试使用curl来发送数据

您可以轻松定义此函数并使用它代替file_get_contents

function get_web_page( $url, $params )
{
    $ch      = curl_init( $url );
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $params);

    $content = curl_exec( $ch );
    curl_close( $ch );

    return $content;
}

对于变量$ params，请使用$ data变量

get_web_page($url, $data)

使用Ajax对Recaptcha V3进行空响应

1 个答案: