Часть 2. Форма обратной связи для сайта: Ajax - отправка без перезагрузки

Подписывайтесь на канал автора!!!

Исходники находятся здесь:

Привет. Продолжаем нашу тему создания формы обратной связи. Сегодня вы научитесь делать так, что бы форма обратной связи вашего сайта отправляла письма без перезагрузки страницы.

==============================================
★★★ Реклама на канале: ★★★

★★★ Заработай на своем YouTube канале ★★★

[TheMrchainik]

Офигенно. Благодарю за помощь в изучении Javascript.

[ronnie_rocketo]

спасибо друг, от души. Намучался я с этим Аяксом до потери пульса)) Теперь хоть разобрался немного))

[vlsgzoi]

Как быть если нужно сделать 7 форм на сайте ? И чтобы с каждой формы отправлялись свои данные ?

[qvagin]

А как это решение можно адаптировать для нескольких форм? Например для 3-х форм.

[ivansit]

Все сделал как у автора, при нажатии на кнопку "Отправить сообщение" выдает синтаксическую ошибку
(Parse error: syntax error, unexpected 'else' (T_ELSE) in on line 21)
Не пойму где ошибка, в коде вроде все красиво:

[lucascool]

Делал по такой же схеме, а из строки name данные не попадают в php и только из неё ((( при нажатии на кнопку выводит заполните все поля.

<input type="text" name="email" placeholder="e-mail" required><br>
<input type="text" name="phone" placeholder="Телефон" required><br>
<input type="text" name="name" placeholder="Имя" required><br>
<input type="button" value="Записаться на вебинар">
<div class='result'></div>




<?php
if (!empty($_POST['email']) AND !empty($_POST['phone']) AND !empty($_POST['name'])){

$headers = 'From: Webinar landing'.
'X-Mailer: PHP/'. phpversion();

$theme = 'Вы записаны';

$letter .='Email: '.$_POST['email'];
$letter .='Телефон: '.$_POST['phone'];
$letter .='Имя: '.$_POST['name'];


echo "Поздравляем! Вы записаны!";
} else {
echo "Ошибка при отправке!";
}
} else {
echo "Ошибка: Заполните все поля!";
}

[webmaster]

Не необходимости ставить Firebug Lite для того чтобы в Хроме посмотреть детали отправки POST запроса. Все тоже самое можно увидеть в дев тулсах в Хроме во вкладке Network.

[nurlanakylbekov]

Когда смотрел первый часть, думал а как отправить <form> без перезагрузки страницы. Хорошо что решил посмотреть второй часть) теперь досмотрю это часть. А это без хостинга нельзя осушествить отправка сообщений? Через Localhost например?

[nfgmwxi]

не пойму, почему не обернул форму в form и не сделал просто сериалайз?

[zujkpvh]

как стилзовать "Сообщение отправлено" ?

[Fravashi]

В этом мире хоть что то можно сделать без jQuery?

[Ivan-trvt]

А как прикрепить файл к письму? Хоть кто-то может об этом урок снять?

[itminutka]

данные отправляются, но криво, плюс не работает ajax, после отправки загружается страница submit.php

[GPALAB]

А как очистить форму после отправки скажите плз

[DanDiablo]

Почему нажатие на кнопку определяется просто по типу button?! А если у человека не одна кнопка на сайте? Об этом стоило предупредить и сделать определение по id. И скрипты желательно бы минимизировать. Первый раз вижу человека, который пишет в блокноте, пусть даже для примера. Крайне удивлен!

[eprsdum]

Всё делаю как на видео, но не работает... Ни чего не понимаю...

[airnhide]

5 месяцов спустя ты вернулся...Работал над дикцией?

[vworsvc]

Было бы хорошо после отправки очищать поля формы. А то письма по несколько раз приходят

[riowqhl]

Я пользуюсь punto switcher, только не в редакторе, потому что бессит))))

[Ahhdhsjsjjdd]

Спасибо классный создай сайт плиз с нуля на html and сss пожалуйста если можете) спасибо