// Here you may see the PHP and JS code in the same tab

// since I can not put any PHP version in this online editor

// Below the PHP code you may see the JS code.

​

// sendemail.php

​

<?php

    header('Content-type: application/json');

    $status = array(

        'type'=>'success',

        'message'=>'Thank you for contacting us. As early as possible  we will contact you '

    );

​

    $debug_log = "./debugginglog.txt";

    $currContent = file_get_contents($debug_log);

    file_put_contents($debug_log, "Trying to send email ... \n");

​

    $name = @trim(stripslashes($_POST['name']));

    $email = @trim(stripslashes($_POST['email']));

    $subject = @trim(stripslashes($_POST['subject']));

    $message = @trim(stripslashes($_POST['message']));

​

    $email_from = $email;

    $email_to = 'retana.marcelo@gmail.com'; //replace with your email

​

    $body = 'Name: ' . $name . "\n\n" . 'Email: ' . $email . "\n\n" . 'Subject: ' . $subject . "\n\n" . 'Message: ' . $message;

​

    $success = @mail($email_to, $subject, $body, 'From: <'.$email_from.'>');

​

    $currContent = file_get_contents($debug_log);

    file_put_contents($debug_log, "Response ..." . $success . "\n");

​

    echo json_encode($status);

    die;

​

// JavaScript

​

$('#contact-submit').submit(function (e) {

  e.preventDefault();

  console.log('SENDING...');

  var un = $('#name').val();

  var em = $('#email').val();

  var su = $('#subject').val();

  var msg = $('#message').val();

  $.ajax({

    type: "POST",

    url: "sendemail.php",

    data: {

      'name': un,

      'email': em,

      'subject': su,

      'message': msg

    },

    success: function (message) {

      var response = message;

      console.log('response:', response);

      if (response.status === 'success') {

        console.log('Sent:', response);

        $('.contact-form')[0].reset();

      }

​

      $('#error_contact').html(response.message);

    }

  });

});