[I NEED HELP] SPENT 3 DAYS TRYING TO MAKE HCAPTCHA WORK

HELP I SPENT 3 DAYS TRYING TO MAKE HCAPTCHA WORK, BUT ITS NOT WORKING

 

BASICALLY I WANTED TO MAKE HCAPTCHA WORK FOR A SITE AND I EXPECTED IT TO BE VERY QUICK, BUT SINCE I HAVE 0 KNOWLEDGE ON PHP AND I MADE SOMETHING REALLY QUICKLY, IT DIDNT WORK

 

im not planning to be some sort of big php dev, i just want to finish this and never touch it again and go back to learning cpp and try out the sht ethan was doing

 

php code:

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Validate and sanitize the hCaptcha response
    $response = filter_input(INPUT_POST, 'h-captcha-response', FILTER_SANITIZE_STRING);
    if ($response === null || $response === false) {
        echo "Invalid hCaptcha response";
        exit;
    }


    // Verify the hCaptcha response
    $data = array(
        'secret' => "i removed my secret key obv but im sure its right",
        'response' => $response
    );

    $verify = curl_init();
    curl_setopt($verify, CURLOPT_URL, "https://hcaptcha.com/siteverify");
    curl_setopt($verify, CURLOPT_POST, true);
    curl_setopt($verify, CURLOPT_POSTFIELDS, http_build_query($data));
    curl_setopt($verify, CURLOPT_RETURNTRANSFER, true);
    $response = curl_exec($verify);
    curl_close($verify);

    $responseData = json_decode($response);

    if ($responseData && $responseData->success) {
        header("Location: https://google.com");
        exit;
    } else {
        echo "Captcha verification failed";
        exit;
    }
}

 

and my JS code:

function checkCaptcha()
    {
        hcaptcha.execute('MY SITE KEY AND IM SURE IT WORKS', { action: 'verification' })
            .then(function(token) {
                $.ajax({
                    url: window.location.href,
                    method: 'POST',
                    data: { 'h-captcha-response': token },
                    success: function(response) {
                        console.log(response);
                    },
                    error: function() {
                        console.error('Error during captcha verification');
                    }
                });
            })
            .catch(function(error) {
                console.error('Captcha execution error:', error);
            });
    }

 

the JS code is inside the <script></script> tags in the php file.

 

HTML:

<form method="POST">
            <div class="h-captcha" data-sitekey="MY SITE KEY REMOVED BUT IM SURE ITS RIGHT" data-theme="dark"></div>
        </form>
        <button id="continue-btn" onclick="checkCaptcha()">Continue</button>

 

basically when i finish the captcha, and i press the continue button, i get this error in the console:

https://i.gyazo.com/0704dc248847637000d346fbdb479a55.png

 

im 100% sure the site key and the private key is right, and i really dont know why its not working properly