Как сделать форму обратной связи php и ajax?

Question

[Rebldomakr]

Здравствуйте.
Хочу сделать форму обратной связи, чтобы было -Name, -Surname, -Email, -Message

Код выглядит так:

<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 -->

Comments

[Дмитрий]

Добрый вечер.
А как Вы пытались решить задачу?

[Rebldomakr]

slo_nik, Сделал как тут, но не получилось. Сообщение как бы отправляется, но на почту ничего не приходит

Ссылка

[Дмитрий]

Rebldomakr, так почему в вопросе об этом ничего нет?
Какие ошибки в логах сервера, в консоли браузера, в самом браузере? На localhost тестировали или на реальном сервере?
Дополните свой вопрос.

[Rebldomakr]

slo_nik, На localhost, ошибок не было. Может письмо не отправляется из-за того что я на локалке сижу?

[Дмитрий]

Rebldomakr, если localhost не настроен, то да, из-за этого. Но и на хостинге могут быть проблемы.

[Rebldomakr]

slo_nik, Хорошо, спасибо за ответ.

[Дмитрий]

Rebldomakr, можно сделать заглушку для отправки почты. Будет имитация отправки сообщения. Ну а на реальном сервере всё будет зависеть от настроек сервера. Используйте готовое решение, например swiftmailer, будет меньше проблем с отправкой почты.

Answer 1

[Кайрат Убукулов]

Чтобы отправить данные через Ajax нужно написать следующий JS код.

$(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(){
                             // если ошибка 
                     }
             });
      });
});

Потом нужно написать обработчик на стороне back-end.

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

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

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

Comments

[Rebldomakr]

Спасибо большое

[alex-1917]

Rebldomakr, спасибо, что погуглил за меня надо говорить.