पुन: कैप्चाचा 2.0 AJAX

Question

के साथ मैंने अपनी वेबसाइट में रीकैप्चा 2.0 काम करने में कामयाब रहा है। हालांकि, यह केवल तभी काम कर रहा है जब मैं AJAX का उपयोग नहीं करता और मैंने फ़ॉर्म को "स्वाभाविक रूप से" सबमिट करने दिया।

मैं कैप्चा के साथ फॉर्म जमा करना चाहता हूं और उपयोगकर्ता को सफलता नोट पृष्ठ को रीफ्रेश किए बिना चेतावनी देना चाहता हूं।

मैं निम्नलिखित कोड की कोशिश की, लेकिन जैसे सर्वर उपयोगकर्ता प्रतिक्रिया नहीं करता है ऐसा लगता है:

HTML:

<form class="form" action="javascript:void(0)" novalidate> 
    <!-- all the inputs... --> 

    <!-- captcha --> 
    <div class="input-group"> 
     <div class="g-recaptcha" data-sitekey="6LdOPgYTAAAAAE3ltWQGar80KUavaR-JblgPZjDI"></div> 
    </div> 

    <div class="errors" id="errors" style="display: none"></div> 

    <div class="input-group"> 
     <input type="button" value="Send" class="btn-default right" id="submit"> 
     <div class="clear"></div> 
    </div> 
</form> 

जे एस:

$('#submit').click(function(e) { 
    console.log('clicked submit'); // --> works 

    var $errors = $('#errors'), 
     $status = $('#status'), 

     name = $('#name').val().replace(/<|>/g, ""), // prevent xss 
     email = $('#email').val().replace(/<|>/g, ""), 
     msg = $('#message').val().replace(/<|>/g, ""); 

    if (name == '' || email == '' || msg == '') { 
     valid = false; 
     errors = "All fields are required."; 
    } 

    // pretty sure the problem is here 
    console.log('captcha response: ' + grecaptcha.getResponse()); // --> captcha response: 

    if (!errors) { 
     // hide the errors 
     $errors.slideUp(); 
     // ajax to the php file to send the mail 
     $.ajax({ 
      type: "POST", 
      url: "http://orenurbach.com/assets/sendmail.php", 
      data: "email=" + email + "&name=" + name + "&msg=" + msg + "&g-recaptcha-response=" + grecaptcha.getResponse() 
     }).done(function(status) { 
      if (status == "ok") { 
       // slide down the "ok" message to the user 
       $status.text('Thanks! Your message has been sent, and I will contact you soon.'); 
       $status.slideDown(); 
       // clear the form fields 
       $('#name').val(''); 
       $('#email').val(''); 
       $('#message').val(''); 
      } 
     }); 
    } else { 
     $errors.text(errors); 
     $errors.slideDown(); 
    } 
}); 

PHP:

<?php 
    // assemble the message from the POST fields 

    // getting the captcha 
    $captcha = ''; 
    if (isset($_POST['g-recaptcha-response'])) 
     $captcha = $_POST['g-recaptcha-response']; 
    echo 'captcha: '.$captcha; 

    if (!$captcha) 
     echo 'The captcha has not been checked.'; 
    // handling the captcha and checking if it's ok 
    $secret = 'MY_SECRET'; 
    $response = json_decode(file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$secret."&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']), true); 

    var_dump($response); 

    // if the captcha is cleared with google, send the mail and echo ok. 
    if ($response['success'] != false) { 
     // send the actual mail 
     @mail($email_to, $subject, $finalMsg); 

     // the echo goes back to the ajax, so the user can know if everything is ok 
     echo 'ok'; 
    } else { 
     echo 'not ok'; 
    } 
?> 

परिणाम पीएचपी पेज में:

captcha: The captcha has not been checked.array(2) { ["success"]=> bool(false) ["error-codes"]=> array(1) { [0]=> string(22) "missing-input-response" } } not ok 

निष्कर्ष है, मैं कैसे मैन्युअल रूप से बिना यह स्वचालित रूप से पोस्ट डेटा के साथ जा रहा इनपुट प्रतिक्रिया मिल सकता है?

Answer 1

ठीक है, यह बहुत मूर्ख था।

मैं चीजों की एक जोड़ी गलत किया है:

• PHP फ़ाइल में, तार उन पर एकल उद्धरण था, और कहा कि समस्याओं के कारण।
• परीक्षण के दौरान, मैंने PHP फ़ाइल में चीजों की कई प्रिंटिंग जोड़े, इस प्रकार if (status == "ok") कभी काम नहीं कर रहा था। मुझे ईमेल प्राप्त हुए लेकिन मुझे कोई भी रचना नहीं मिली जो मैंने किया था और अब मैं देखता हूं क्यों।
• जब मैं यह जांचना चाहता था कि PHP फ़ाइल क्या छोड़ रही थी, तो मैं बस यूआरएल में इसके पते पर गया और हमेशा एक त्रुटि मिली। यहां तक ​​कि जब मेल भेजे गए थे। अब मैं समझता हूं कि लॉग की जांच करने का यह सही तरीका नहीं है।

@ सैमुराई के लिए धन्यवाद जिन्होंने मेरी चीजों को समझने में मदद की।

---

अंतिम PHP कोड:

<?php 
    // assemble the message from the POST fields 

    // getting the captcha 
    $captcha = ""; 
    if (isset($_POST["g-recaptcha-response"])) 
     $captcha = $_POST["g-recaptcha-response"]; 

    if (!$captcha) 
     echo "not ok"; 
    // handling the captcha and checking if it's ok 
    $secret = "MY_SECRET"; 
    $response = json_decode(file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$secret."&response=".$captcha."&remoteip=".$_SERVER["REMOTE_ADDR"]), true); 

    // if the captcha is cleared with google, send the mail and echo ok. 
    if ($response["success"] != false) { 
     // send the actual mail 
     @mail($email_to, $subject, $finalMsg); 

     // the echo goes back to the ajax, so the user can know if everything is ok 
     echo "ok"; 
    } else { 
     echo "not ok"; 
    } 
?> 

Answer 2

आप अपने जावास्क्रिप्ट में इन डॉलर चिह्न है चाहते थे? यदि हां, तो कैसे आते हैं?

var $errors = $('#errors'), 
$status = $('#status'),