Простая 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. Если тег кнопки button или input, не забываем указать type='submit'
  5. Блок для вывода результата формы:
    <div id="wdh_result_form"></div>
  6. Создать PHP файл для отправки почты wdh_send_form.php:
    if(mail($_POST['email'],'тестовый заголовок письма',$_POST['text'],'Content-type: text/html; charset=utf-8')){
        echo 'Сообщение отправлено!';
    }
    else{
        echo 'Ошибка отправки сообщения.';
    }

Комментарии (1)

Сергей
12.07.2023

А куда она отправлена?

Похожие решения:
Изменено: 21 02 2021
Просмотров: 24328