Форма обратной связи на PHP, Ajax, JavaScript и Bootstrap 4 / Изучение Ajax за 30 минут!

В ходе урока вы создадите полноценную форму обратной связи с использованием технологий - Bootstrap, JavaScript, Ajax и PHP. Также вы научитесь использовать Ajax в связке с jQuery и PHP.
1) Текстовый редактор: atom.io/
2) Локальный сервер: www.mamp.info/en/
3) Хостинг: vdsina.ru/?par...
4) Большой курс по PHP: itproger.com/c...
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_o...
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

[@КиселевСергей-ъ1о]

СПАСИБО ОГРОМНОЕ, делаю курсач, три дня потратил на поиск того, что ты объяснил за 30 минут, дай бог тебе здоровья))

[@3dzbot]

Спасибо!! Просмотрел с удовольствием на одном дыхании!!

[@TheJonvish]

Спасибо друг! Помог очень. Штук 5 видосов разобрал других авторов и только твой способ сработал

[@Евгений-к1г9е]

Здорово! Очень доступно и понятно. Больше спасибо, Гоша!

[@emilazizov104]

Чтобы приходили на Мейл все поля заполненые в mail.php добавьте: $message = ' Call me back Name: '.$_POST['name'].' LastName: '.$_POST['lastname'].' Phone: '.$_POST['phone'].' Company: '.$_POST['company'].' Company: '.$_POST['message'].' '; $subject = "=?utf-8?B?".base64_encode("Сообщение с Сайта")."?="; $headers = "From: $email Reply-to: $email Content-type: text/html; charset=utf-8 "; $success = mail("[e-mail]", $subject, $message, $headers); echo $success; ?>;

[@Lok1goD]

Спасибо бро!!!

[@malfinbeats]

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

[@ВладиславІвченко-э5д]

+++++++

[@olgakhater4882]

присоединяюсь. Меня еще интересует, как потом отражать сессию авторизированного пользователя в правом верхнем углу, и чтобы именно авторизированному пользователю были доступны какие-то функции, типа сообщение в форуме написать.

[@Zolikzolik]

Сделай видеоролик где ты создаешь "отзывы и комментарии " для сайта на php пожалуйста

[@ВладиславІвченко-э5д]

+++++++

[@aliaksandrsedykh6917]

Спасибо, отлично все демонстрируешь и доходчиво объясняешь

[@olgakhater4882]

Спасибо огромное! Видео супер! Хотелось бы понять, как можно этот функционал расширить и сделать форму записи на прием (например, к доктору), где есть календарь, выбор даты и времени приема, и чтобы время, которое уже занято, блокировалось для выбора, было неактивным, а свободное - активным. Если такое видео уже есть, киньте ссылку, пожалуйста!

[@AndreySheff]

Спасибо за видео.

[@АндрейГрандов]

Скажите, а где в доставленном сообщение данные заполненных полей форм, номера телефона и имени?

[@mikhailuchunzhyan6454]

Ты спас мне жизнь ❤❤❤

[@mr.marten8235]

А где передача имени? "Георгий" из формы.

[@NittorKingcTV]

Ещё ролик по сайту на php хочу) Что-нибудь связанное с базой данных, например добавление и отображение постов.

[@PhotoMixer]

А почему бы для передачи данных не использовать .serialize что-бы сократить код и для разных форм не переписывать передаваемые переменные? К тому-же может возникнуть ситуация когда полей очень много, будет путаница и код будет менее читаемым $('#contact-form').submit(function(e){ /* Здесь код проверки на заполненность полей, вообще его тоже можно сократить добавив в html data элементы*/ e.preventDefault(); var method=$(this).attr('method'); var data=$(this).serialize(); $.ajax({ type: method, url: "/ajax/send_mail.php", data: data, success: function(result){ //$('#test_form').html(result); //alert(result); } }); });

[@fox_0811]

Дельный совет. Благодарю!

[@kirill7707]

сделай пожалуйста видео как сделать всплывающее окно попапа с обратной связью по нажатии на кнопку

[@user-gf4ko5pt8q]

Спасибо за видео. Голос как у М. Русакова.

[@hadwayx]

Сделал все также и не работает отправка сообщений. Странно, что на локальном сервере Denwer не показывает ошибки как в видео. Залил на бесплатный хостинг ZZZ и тоже ошибки нет,но сообщение все равно не отправляется на почту. Может проблема в том, что нужно залить на платный хостинг?

[@dmytroNaholiuk]

кста объекты в data можно записать попроще. Такая запись ｛"name": name｝эквивалентна такой ｛name｝

[@TheDudarVitaliy]

Лайк за видосик! Да для начинающих зайдет на ура. Но как по мне проще в данном случае применить к форме serialize() да бывает конечно что нужно выбирать поля по отдельности и тут так же зачем лишние ID полям если можно обратиться $("input[name=name]) ... Но все же годно!

[@Gaza1304]

нам надо указать "ЧЕЧЬ", чтобы сделать кеширование - улыбнуло ахахах))

[@code-kids]

Передаются данные только из message...

[@flatmapper]

Гоша, веб приложение на java spring, пожалуйста

[@Harut-u4k]

А есть видео где с помощью ajax письмо отправляется в телеграм?

[@awenn2015]

Инпут с типом phone мм, могешь ) там tel писать надо))

[@Game-xu7yd]

Гоша сделай пж крутую пагинацию на php

[@klmnprst777]

Причем обратную чтобы проиндексированные странички не менялись!

[@max325475685]

А есть видео на урок, как сделать получение данных с сервера при загрузке страницы, используя Ajax?

[@alexeysokolik1427]

Вот хоть убейте меня, как-бы я не пытался, как-бы я не пересматривал каждую секунду у этого видео и полностью всё не повторял-ну не работает это у меня! введите е-маил и введите сообщение у меня показывает, а вот после написания и начала работы аякса и задания передаваемых данных для mail.php-сообщения попросту перестаю выводится под формой, ещё и все последующие выводы в текстовых окнах так-же не работают ... Кто пробовал-отпишитесь пожалуйста

[@ROARForever]

+

[@dospehi-blogera]

Здравствуйте! Мне надо добавить календарь. Подскажите что использовать? DatePicker? Может посоветуете что-то ?

[@idowonder4926]

Как ты все успеваешь? я не успеваю смотреть даже....

[@sigma_airsoft]

Добрый день. У мне почему то синтаксическую ошибку показывает в конце. Как выяснить в чём ошибка?

[@nicmam7116]

Добрый день! Может у кого была похожая ошибка: данные из php не приходят. То есть не получается соединить ajax и php. Сделал точно как в видео. Очень нужна такая форма обратной связи(( Заранее спасибо

[@ВикторияНеброй]

Если нашли решение дайте знать пожалуйста

[@elax3r]

> 2019 год > jquery > es5 > проверка данных только на стороне клиента

[@MoksDev]

Гоша дударь))) зашел к нему на канал, чтобы поднять себе самооценку D

[@NadezhdaZubenko]

Обьясните новичку что не так в видео?)) знаю пока только, что es5 устарел

[@elax3r]

@@NadezhdaZubenko проверку данных, которую он написал, можно легко обойти, изменив исходный код в браузере

[@MoksDev]

@@NadezhdaZubenko, сначала книжки по алгоритмам и компьютер сайнс попробуйте почитать, и если вам не зайдет, то вы быстрее поймете, что это не ваше. Просто верстальщики сейчас уже мало кому нужны, а если и нужны, то конкуренция с вайтишниками и студентами(1курса) ОГРОМНАЯ

[@valentyndubin5441]

@@NadezhdaZubenko Нужно дублировать проверку на сервере, хотя бы минимальную.

[@ЮлияКлокун-й8т]

1. Где в доставленном сообщении данные с заполненной формы?

[@linstroiteleva4661]

Немного переделала код, все работает, но отправляет почту только на созданную мной в панели управления почту, я в этом не разбираюсь, кто подскажет, в чем проблема?

[@TheDimonWhite]

Вообще все проверки нужно осуществлять на стороне сервера, а не на js

[@astrotrain]

Вообще нужно делать проверки на обеих сторонах.

[@TheDimonWhite]

@@astrotrain и какой смысл?

[@astrotrain]

@@TheDimonWhite такой что на сервер попадает только отфильтрованная инфа, а не вся подряд То что можно отсечь на клиенте не нужно отдавать серверу и лишний раз его напрягать

[@mylearn734]

ради ajax подключать JQuery?

[@awenn2015]

Не обязательно, можно xmlhttpquest использовать это тоже самое , ajax работает на нем но там синтаксис не такой простой открывать закрывать соединение, проверять, гемор в общем

[@zikasakyrazik]

Добрый день надеюсь подскажете. У меня такая проблема написал скрипт подключил все работает письма отправляются все хорошо но есть 1 нюанс у меня кнопка обратной связи создаётся в нескольких экземплярах через цикл php на одной странице с разной информацией и самая первая кнопка в списке работает а вот последующие уже не функционируют в чем может быть проблема?

[@dmitrytsvetkov2270]

Сделай подробное видео об анимациях в unity 5

[@Омега-к6й]

Подскажите, как сделать, чтобы телефон и имя видно было в сообщении, когда оно на почту приходит?!

[@РоманОсипов-щ8и]

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

[@ВикторияНеброй]

У меня не присылаются никакие данные на почту :(

[@mishka_medvedb]

все сделал как у Вас, но на почту приходит только текст сообщения, почты , номер, имени нету. что не так? на почту mail.ru на сам хостинг не знаю что приходит

[@hideweb-studyo6537]

Отличное видео, я немного переделал все под свои задачи. Но вот есть вопрос, как передавать изображения в форме аяксом? в форме есть input type file, и нужно файл, который был вставлен в это поле передавать аяксом. далее в бд

[@kravtsov599]

привет, разобрался?

[@nazarkislichenko1172]

Я думаю лучше вешать на событие сабмита формы, а не на клик по кнопке

[@theskaje137]

Стоит смотреть?Отпишите насколько хороша форма

[@dimapopov-d5p]

не стоит, полная халтура, плюс наглая реклама

[@mrsanihome4874]

Привет.Сделай пожалуйста видео про Corona Sdk.

[@Vimble]

Да было бы круто

[@iversonmodo544]

Выдает , Были ошибки сообщение не отправлено

[@angelscroll2336]

Проблему решили?У меня тоже самое.

[@evgeshad3011]

Дорогой хостинг

[@ЯрославБелоконь-с3ъ]

а что бы все работало надо только на хостинг выставить или еще вон ту не понятную штуку (конец видео) надо устанавлтвать? Пожалуйсто подскажите... 2 часа парился и не выходит

[@residentOfScrepostan]

В видео говорится, что если работаешь на localhost, то сообщения не отправляются. Я сначала всегда тестирую на локальной машине, потом только на сервер переношу. Для отправки email использую библиотеку phpmailer. Прекрасно отправляются сообщения с localhost

[@РоманОсипов-щ8и]

А можете код скинуть чтоб все это вручную не набирать?

[@superantoxa8209]

Все классно. но почему не передается $name = $_POST['name']; $phone = $_POST['phone']; У вас тоже в письме нету этих данных видео на 36:28

[@evgeniya3485]

надо их собрать в message перед success , тогда все передастся( синтаксис ф-ции mail : mail ( string $to , string $subject , string $message [, mixed $additional_headers [, string $additional_parameters ]] ) : bool) $message .= "Name :" .$name." "; $message .= "Phone :" .$phone." "; $message .= "Email :" .$email." ";

[@Anahitacode]

@@evgeniya3485 Спасибо большое за пояснение, пытаюсь сделать не получается, уже несколько вариантов (подобных по синтаксису перепробованы). Но ответ очень близок, либо что-то с сервером на хосте. Так как страница после отправки не чистит введенные данные, а на локалке при проверке, которые были до переноса данные в форме чистились

[@lefor3449]

это бы видео год назад

[@kiavanya]

Я ТОЖЕ ВСЕ СДЕЛАЛ КАК ПОКАЗАНО НО НЕ РАБОТАЕТ НА ПЕРВОМ ДАЖЕ ЭТАПЕ ГДЕ ПРОВЕРКА ПАРАМЕТРОВ

[@anic3130]

у меня сейчас такая же ситуация и что делать вообще без понятия

[@mikhailovmusic]

4 года спустя - проверь кавычки что бы двойные были)

[@grey_psn]

Ошибка то наверное не из-за того что не на хостинге, а потому что один параметр не определен в функции mail? на локалке прекрасно все работает.

[@Andrew-hw6bo]

какой? в php или в js?

[@grey_psn]

@@Andrew-hw6bo напутал походу, сейчас глянул вроде норм всё

[@Lifenity]

Сделал эту "форму" в модальном окне, даже ни единой ошибки, глухо как в танке. Никакой информации к инспекторе -> Network. Кнопку не нужно ставить на батон. Была переписанная мной форма под множество в любом количестве. Много кода. Работала даже на холодильнике ска... просрал вместе с жёстким диском кучу хороших, переписанных под себя или написанных с нуля, плагинов. Проблема возникать будет в том, что jQuery не объявлена в качестве оболочки для твоих скриптов, понимаешь? объявлять её нужно. Только так будет реакция. И да, БЕЗ РАЗНИЦЫ, локальный у тебя сервак или глобальный..... работать форма будет везде, где он есть. АЖАКС не является полноценным продуктом. Это просто технология, совокупность библиотек, решений, под общей аббревиатурой A.J.A.X. И когда у тебя есть сервер, php работает, а значит и ajax будет получать и получает результаты.

[@ТимурМорозов-р4х]

Почему не выкладываешь исходники с видео

[@itnasr_root]

выложи исходники плз.

[@АзаматМуратов-ы1в]

'НА ТАКОЕ МАЛО КТО СПОСОБЕН. ВОН У ЭТОГО ГОНДУРАСА ФРИЛАНСЕР ПО ЖИЗНИ ИСХОДНИКИ ПЛАТНЫЕ

[@kleshnov]

а если закинуть код в публичный GitHub repository и использовать их сервер то будет работать?

[@valentyndubin5441]

нет, githubpages php не поддерживает

[@Борис-с5э]

Все получилось, правда не сразу , наделал несколько мелких ошибок в коде.

[@pekhov21]

А если несколько форм на сайте, они конфликтуют

[@owlghoul3276]

А если я напишу чужой емаил? Получаеться через эту прогу можно от чужого имени писать?

[@RosarioPorello]

так это везде так )))вы когда заявку где либо оставляете и вас просят ввести свой емайл для обратной связи , можно же любой емайл написать ))))

[@owlghoul3276]

@@RosarioPorello но я могу установить типо емаил админа на любой другой к примеру большой компании где работает человек емаил этого человека я ввожу в смс и пишу типо увольняюсь

[@itsverkunov4517]

Меня тоже этот момент заинтересовал. Такого не может быть. Что-то осталось за кадром(( И автор молчит.

[@montykay6003]

сначала делал соединение на сокетах, спустя немного времени выкладывать более старую технологию тупо контент

[@arturseu]

стоит посмотреть ?

[@montykay6003]

@@arturseu нет, это устаревшая технология

[@arturseu]

@@montykay6003 спасибо.

[@aveyog-sothoth2354]

3:27 показалось)

[@hadwayx]

Что произошло на этой секунде?

[@Тёмыч-щ7с]

Есть у кого исходный код в файле? -_-

[@smaykbro9318]

а код не дадите ?)

[@ninovakhania7391]

а где имя и номер телефона, самое важное

[@АзаматМуратов-ы1в]

ГДЕ СООБЩЕНИЕ ЧТО ДАННЫЕ БЫЛИ ОТПРАВЛЕНЫ???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

[@Aik-bu1yi]

Очень прошу пиши код по центру а не в футере

[@dimapopov-d5p]

По твоему примеру приходят почта и сообщение, а где телефон? Где имя? Халтура, а не форма

[@user-xu2eb7pv1j]

Я 109;)

[@whatisitallwhatisitall7398]

досих пор кто-то пишет "var".

[@вдамки]

не работает

[@jeangreen8426]

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

[@dogvscatfunny9956]

Зачем новичку сейчас хостинг?че за бредовый автор кто знает?

[@MrAtilaus]

Всё отлично. Только прям режет "аш". Буква "h" называется "аш" на французском. Оттуда и в химию перешло H2O - аш два о. НО ты же остальные то буквы называешь как они в английском языке звучат. Так почему бы и "h" не называть правильно - "эйч". Ну нет буквы "аш" в английском алфавите.

[@kiavanya]

МОГУ В ЛИЧКУ ПРИСЛАТЬ RARФАЙЛ ПОМОГИ ТЕ ПОЖАЛУЙСТА ЧТО НЕ ТАК СДЕЛАЛ

[@user-mt1tu6mq3y]

пришли почту посмотрю

[@dancef2]

Плохая реклама языка PHP на фоне того, что на других языках целый блог можно сделать минут за 15. гуглите Blog in less than 10 minutes using Ruby on Rails

[@alarm_yt]

А я думал, jQuery устарел и его никто не использует