Простая 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 'Ошибка отправки сообщения.';
    }
Продолжая использовать веб- сайт beta-code.ru, вы даете согласие на обработку файлов cookie, пользовательских данных (сведения о местоположении; тип и версия ОС; тип и версия Браузера; тип устройства и разрешение его экрана; источник откуда пришел на сайт пользователь; с какого сайта или по какой рекламе; язык ОС и Браузера; какие страницы открывает и на какие кнопки нажимает пользователь; ip-адрес) в целях функционирования сайта, проведения ретаргетинга и проведения статистических исследований и обзоров. Если вы не хотите, чтобы указанные данные обрабатывались, покиньте сайт.
Принять