How to make a php and ajax contact form?

Question

PHP

Hello.
I want to make a feedback form so that there is -Name, -Surname, -Email, -Message

The code looks like this:

<form class="col-lg-12">
            <div class="form-row">

               <div class="form-group col-md-6"> 
               	<label>First Name</label>
               	<input type="text" name="name" class="form-control" required="required"> 
               </div>

               <div class="form-group col-md-6">
               	<label>Last Name</label> 
               	<input type="text" name="lastname" class="form-control" required="required"> 
               </div>

            </div>

            <div class="form-group">
            	<label>Email Address</label> 
            	<input type="text" name="email" class="form-control" required="required"> 
            </div>

            <div class="form-group"> 
            	<label>Your Message</label>
            	<textarea class="form-control" name="message" id="exampleFormControlTextarea1" rows="5" required="required"></textarea> 
        	</div>

            <div class="form-btn text-center">
            	<a href="#" class="main-button">Send Message</a>
            </div>

         </form><!-- form -->

Answer 1

To send data via Ajax, you need to write the following JS code.

$(document).ready(function(){
      $(".main_button").on("click", function(e){
             var name = $("input[name='name']").val();
             var lastname = $("input[name='lastname']").val();
             var email = $("input[name='email']").val();
             var message = $("#exampleFormControlTextarea1").val();
           
             $.ajax({
                     type: "post",
                     url: "/ajax/send",  // ajax отправяет данные 
                     data: { firstname:  name, lastname: lastname, email: email, message: message},
                     success: function(){
                           alert("Успешно отправлено");
                           window.location = "/";  
                     },
                     error: function(){
                             // если ошибка 
                     }
             });
      });
});

Then you need to write a handler on the back-end side.

<?php
/* в начале нужно тут написать соединение с вашей БД */

$firstname = $_POST['firstname'];
$lastname = $_POST['lastname'];
$email = $_POST['email'];
$message = $_POST['message'];

/* Потом можно уже записать полученные данные из формы в БД */
?>