Простая ajax форма отправки сообщения на E-mail

Задача:

Как отправить данные с вебформы на почту, без перезагрузки страницы, используя jQuery


Решение:
  1. Подключить плагин jQuery:
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  2. Скрипт отправки формы:
    $("#wdh_form").submit(function(e){
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "wdh_send_form.php",
            data: $("#wdh_form").serialize(),
            success: function(data) {
                $("#wdh_result_form").html(data);
            }
        });
    });
  3. Форме присвоить ID:
    <form id="wdh_form">
  4. Блок для вывода результата формы:
    <div id="wdh_result_form"></div>
  5. Создать PHP файл для отправки почты wdh_send_form.php:
    if(mail($_POST['email'],'тестовый заголовок письма',$_POST['text'],'Content-type: text/html; charset=utf-8')){
        echo 'Сообщение отправлено!';
    }
    else{
        echo 'Ошибка отправки сообщения.';
    }
Похожие решения:
Изменено: 06 08 2019
Просмотров: 14879

Комментарии 2

Где в данной статье прописана почта отправителя?
Ответить
$_POST['email']
Ответить
Написать