Тёмный

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

Гоша Дударь
Подписаться 882 тыс.
Просмотров 67 тыс.
50% 1

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

Опубликовано:

 

2 май 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 124   
@user-cl8hi9jw3b
@user-cl8hi9jw3b 3 года назад
СПАСИБО ОГРОМНОЕ, делаю курсач, три дня потратил на поиск того, что ты объяснил за 30 минут, дай бог тебе здоровья))
@3dzbot
@3dzbot 5 лет назад
Спасибо!! Просмотрел с удовольствием на одном дыхании!!
@user-lb1zt9kp9k
@user-lb1zt9kp9k 3 года назад
Здорово! Очень доступно и понятно. Больше спасибо, Гоша!
@TheJonvish
@TheJonvish 4 года назад
Спасибо друг! Помог очень. Штук 5 видосов разобрал других авторов и только твой способ сработал
@aliaksandrsedykh6917
@aliaksandrsedykh6917 3 года назад
Спасибо, отлично все демонстрируешь и доходчиво объясняешь
@AndreySheff
@AndreySheff 4 года назад
Спасибо за видео.
@kazarin0v
@kazarin0v 4 года назад
Спасибо!
@olgakhater4882
@olgakhater4882 3 года назад
Спасибо огромное! Видео супер! Хотелось бы понять, как можно этот функционал расширить и сделать форму записи на прием (например, к доктору), где есть календарь, выбор даты и времени приема, и чтобы время, которое уже занято, блокировалось для выбора, было неактивным, а свободное - активным. Если такое видео уже есть, киньте ссылку, пожалуйста!
@malfinbeats
@malfinbeats 5 лет назад
Гоша, сделай видео о регистрации и авторизации на сайте - что бы можно было после авторизации админу выкладывать новости и т.п.
@user-nt7hq9vn4n
@user-nt7hq9vn4n 5 лет назад
+++++++
@olgakhater4882
@olgakhater4882 3 года назад
присоединяюсь. Меня еще интересует, как потом отражать сессию авторизированного пользователя в правом верхнем углу, и чтобы именно авторизированному пользователю были доступны какие-то функции, типа сообщение в форуме написать.
@mikhailuchunzhyan6454
@mikhailuchunzhyan6454 Год назад
Ты спас мне жизнь ❤❤❤
@NittorKingcTV
@NittorKingcTV 5 лет назад
Ещё ролик по сайту на php хочу) Что-нибудь связанное с базой данных, например добавление и отображение постов.
@dmytroNaholiuk
@dmytroNaholiuk 4 года назад
кста объекты в data можно записать попроще. Такая запись {"name": name}эквивалентна такой {name}
@Zolikzolik
@Zolikzolik 5 лет назад
Сделай видеоролик где ты создаешь "отзывы и комментарии " для сайта на php пожалуйста
@user-nt7hq9vn4n
@user-nt7hq9vn4n 5 лет назад
+++++++
@user-sv4ce9pw7v
@user-sv4ce9pw7v 3 года назад
Скажите, а где в доставленном сообщение данные заполненных полей форм, номера телефона и имени?
@flatmapper
@flatmapper 5 лет назад
Гоша, веб приложение на java spring, пожалуйста
@TheDudarVitaliy
@TheDudarVitaliy 2 года назад
Лайк за видосик! Да для начинающих зайдет на ура. Но как по мне проще в данном случае применить к форме serialize() да бывает конечно что нужно выбирать поля по отдельности и тут так же зачем лишние ID полям если можно обратиться $("input[name=name]) ... Но все же годно!
@hadwayx
@hadwayx 4 года назад
Сделал все также и не работает отправка сообщений. Странно, что на локальном сервере Denwer не показывает ошибки как в видео. Залил на бесплатный хостинг ZZZ и тоже ошибки нет,но сообщение все равно не отправляется на почту. Может проблема в том, что нужно залить на платный хостинг?
@mr.marten8235
@mr.marten8235 5 лет назад
А где передача имени? "Георгий" из формы.
@user-gf4ko5pt8q
@user-gf4ko5pt8q 3 года назад
Спасибо за видео. Голос как у М. Русакова.
@dospehi-blogera
@dospehi-blogera 2 года назад
Здравствуйте! Мне надо добавить календарь. Подскажите что использовать? DatePicker? Может посоветуете что-то ?
@dmitrytsvetkov2270
@dmitrytsvetkov2270 5 лет назад
Сделай подробное видео об анимациях в unity 5
@awenn2015
@awenn2015 4 года назад
Инпут с типом phone мм, могешь ) там tel писать надо))
@kirill7707
@kirill7707 2 года назад
сделай пожалуйста видео как сделать всплывающее окно попапа с обратной связью по нажатии на кнопку
@emilazizov104
@emilazizov104 3 года назад
Чтобы приходили на Мейл все поля заполненые в 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("emil10azizov@gmail.com", $subject, $message, $headers); echo $success; ?>;
@Lok1goD
@Lok1goD 6 месяцев назад
Спасибо бро!!!
@zikasakyrazik
@zikasakyrazik 5 лет назад
Добрый день надеюсь подскажете. У меня такая проблема написал скрипт подключил все работает письма отправляются все хорошо но есть 1 нюанс у меня кнопка обратной связи создаётся в нескольких экземплярах через цикл php на одной странице с разной информацией и самая первая кнопка в списке работает а вот последующие уже не функционируют в чем может быть проблема?
@max325475685
@max325475685 3 года назад
А есть видео на урок, как сделать получение данных с сервера при загрузке страницы, используя Ajax?
@Game-xu7yd
@Game-xu7yd 5 лет назад
Гоша сделай пж крутую пагинацию на php
@klmnprst777
@klmnprst777 5 лет назад
Причем обратную чтобы проиндексированные странички не менялись!
@Gaza1304
@Gaza1304 3 года назад
нам надо указать "ЧЕЧЬ", чтобы сделать кеширование - улыбнуло ахахах))
@mishka_medvedb
@mishka_medvedb 4 года назад
все сделал как у Вас, но на почту приходит только текст сообщения, почты , номер, имени нету. что не так? на почту mail.ru на сам хостинг не знаю что приходит
@user-zq2zo5un2z
@user-zq2zo5un2z 3 года назад
А есть видео где с помощью ajax письмо отправляется в телеграм?
@code-kids
@code-kids 4 года назад
Передаются данные только из message...
@hideweb-studyo6537
@hideweb-studyo6537 3 года назад
Отличное видео, я немного переделал все под свои задачи. Но вот есть вопрос, как передавать изображения в форме аяксом? в форме есть input type file, и нужно файл, который был вставлен в это поле передавать аяксом. далее в бд
@kravtsov599
@kravtsov599 Год назад
привет, разобрался?
@PhotoMixer
@PhotoMixer 5 лет назад
А почему бы для передачи данных не использовать .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
@fox_0811 4 года назад
Дельный совет. Благодарю!
@sigma_airsoft
@sigma_airsoft 4 года назад
Добрый день. У мне почему то синтаксическую ошибку показывает в конце. Как выяснить в чём ошибка?
@mrsanihome4874
@mrsanihome4874 5 лет назад
Привет.Сделай пожалуйста видео про Corona Sdk.
@Vimble
@Vimble 5 лет назад
Да было бы круто
@user-pk9tu3ll4t
@user-pk9tu3ll4t 3 года назад
Подскажите, как сделать, чтобы телефон и имя видно было в сообщении, когда оно на почту приходит?!
@kleshnov
@kleshnov 5 лет назад
а если закинуть код в публичный GitHub repository и использовать их сервер то будет работать?
@valentyndubin5441
@valentyndubin5441 4 года назад
нет, githubpages php не поддерживает
@user-vv4ry9wt6o
@user-vv4ry9wt6o 4 года назад
а что бы все работало надо только на хостинг выставить или еще вон ту не понятную штуку (конец видео) надо устанавлтвать? Пожалуйсто подскажите... 2 часа парился и не выходит
@residentOfScrepostan
@residentOfScrepostan 3 года назад
В видео говорится, что если работаешь на localhost, то сообщения не отправляются. Я сначала всегда тестирую на локальной машине, потом только на сервер переношу. Для отправки email использую библиотеку phpmailer. Прекрасно отправляются сообщения с localhost
@user-ts8xm3fp8s
@user-ts8xm3fp8s Год назад
1. Где в доставленном сообщении данные с заполненной формы?
@idowonder4926
@idowonder4926 5 лет назад
Как ты все успеваешь? я не успеваю смотреть даже....
@mylearn734
@mylearn734 5 лет назад
ради ajax подключать JQuery?
@awenn2015
@awenn2015 4 года назад
Не обязательно, можно xmlhttpquest использовать это тоже самое , ajax работает на нем но там синтаксис не такой простой открывать закрывать соединение, проверять, гемор в общем
@lefor3449
@lefor3449 5 лет назад
это бы видео год назад
@linstroiteleva4661
@linstroiteleva4661 3 года назад
Немного переделала код, все работает, но отправляет почту только на созданную мной в панели управления почту, я в этом не разбираюсь, кто подскажет, в чем проблема?
@nicmam7116
@nicmam7116 3 года назад
Добрый день! Может у кого была похожая ошибка: данные из php не приходят. То есть не получается соединить ajax и php. Сделал точно как в видео. Очень нужна такая форма обратной связи(( Заранее спасибо
@user-cf6vl5xe2d
@user-cf6vl5xe2d Год назад
Если нашли решение дайте знать пожалуйста
@evgeshad3011
@evgeshad3011 3 года назад
Дорогой хостинг
@nazarkislichenko1172
@nazarkislichenko1172 Год назад
Я думаю лучше вешать на событие сабмита формы, а не на клик по кнопке
@user-ft8oi9wh9p
@user-ft8oi9wh9p 3 года назад
А можно как то без этого атстоя jQuery сделать форму без перезагрузки страницы, а то jQuery тормозит загрузку сайта и прочий геморой добавляет всегда.
@theskaje137
@theskaje137 5 лет назад
Стоит смотреть?Отпишите насколько хороша форма
@user-zg3lm6kv2j
@user-zg3lm6kv2j 4 года назад
не стоит, полная халтура, плюс наглая реклама
@itnasr_root
@itnasr_root 3 года назад
выложи исходники плз.
@user-pb1cp3vf4f
@user-pb1cp3vf4f 2 года назад
'НА ТАКОЕ МАЛО КТО СПОСОБЕН. ВОН У ЭТОГО ГОНДУРАСА ФРИЛАНСЕР ПО ЖИЗНИ ИСХОДНИКИ ПЛАТНЫЕ
@TheDimonWhite
@TheDimonWhite 5 лет назад
Вообще все проверки нужно осуществлять на стороне сервера, а не на js
@astrotrain
@astrotrain 5 лет назад
Вообще нужно делать проверки на обеих сторонах.
@TheDimonWhite
@TheDimonWhite 5 лет назад
@@astrotrain и какой смысл?
@astrotrain
@astrotrain 5 лет назад
@@TheDimonWhite такой что на сервер попадает только отфильтрованная инфа, а не вся подряд То что можно отсечь на клиенте не нужно отдавать серверу и лишний раз его напрягать
@user-ft8oi9wh9p
@user-ft8oi9wh9p 3 года назад
А можете код скинуть чтоб все это вручную не набирать?
@user-xu2eb7pv1j
@user-xu2eb7pv1j 5 лет назад
Я 109;)
@user-sz4uu1pg5y
@user-sz4uu1pg5y 5 лет назад
> 2019 год > jquery > es5 > проверка данных только на стороне клиента
@MoksDev
@MoksDev 5 лет назад
Гоша дударь))) зашел к нему на канал, чтобы поднять себе самооценку D
@NadezhdaZubenko
@NadezhdaZubenko 4 года назад
Обьясните новичку что не так в видео?)) знаю пока только, что es5 устарел
@user-sz4uu1pg5y
@user-sz4uu1pg5y 4 года назад
@@NadezhdaZubenko проверку данных, которую он написал, можно легко обойти, изменив исходный код в браузере
@MoksDev
@MoksDev 4 года назад
@@NadezhdaZubenko, сначала книжки по алгоритмам и компьютер сайнс попробуйте почитать, и если вам не зайдет, то вы быстрее поймете, что это не ваше. Просто верстальщики сейчас уже мало кому нужны, а если и нужны, то конкуренция с вайтишниками и студентами(1курса) ОГРОМНАЯ
@valentyndubin5441
@valentyndubin5441 4 года назад
@@NadezhdaZubenko Нужно дублировать проверку на сервере, хотя бы минимальную.
@owlghoul3276
@owlghoul3276 4 года назад
А если я напишу чужой емаил? Получаеться через эту прогу можно от чужого имени писать?
@RosarioPorello
@RosarioPorello 4 года назад
так это везде так )))вы когда заявку где либо оставляете и вас просят ввести свой емайл для обратной связи , можно же любой емайл написать ))))
@owlghoul3276
@owlghoul3276 4 года назад
@@RosarioPorello но я могу установить типо емаил админа на любой другой к примеру большой компании где работает человек емаил этого человека я ввожу в смс и пишу типо увольняюсь
@itsverkunov4517
@itsverkunov4517 4 года назад
Меня тоже этот момент заинтересовал. Такого не может быть. Что-то осталось за кадром(( И автор молчит.
@alexeysokolik1427
@alexeysokolik1427 5 лет назад
Вот хоть убейте меня, как-бы я не пытался, как-бы я не пересматривал каждую секунду у этого видео и полностью всё не повторял-ну не работает это у меня! введите е-маил и введите сообщение у меня показывает, а вот после написания и начала работы аякса и задания передаваемых данных для mail.php-сообщения попросту перестаю выводится под формой, ещё и все последующие выводы в текстовых окнах так-же не работают ... Кто пробовал-отпишитесь пожалуйста
@ROARForever
@ROARForever 5 лет назад
+
@Lifenity
@Lifenity 3 года назад
Сделал эту "форму" в модальном окне, даже ни единой ошибки, глухо как в танке. Никакой информации к инспекторе -> Network. Кнопку не нужно ставить на батон. Была переписанная мной форма под множество в любом количестве. Много кода. Работала даже на холодильнике ска... просрал вместе с жёстким диском кучу хороших, переписанных под себя или написанных с нуля, плагинов. Проблема возникать будет в том, что jQuery не объявлена в качестве оболочки для твоих скриптов, понимаешь? объявлять её нужно. Только так будет реакция. И да, БЕЗ РАЗНИЦЫ, локальный у тебя сервак или глобальный..... работать форма будет везде, где он есть. АЖАКС не является полноценным продуктом. Это просто технология, совокупность библиотек, решений, под общей аббревиатурой A.J.A.X. И когда у тебя есть сервер, php работает, а значит и ajax будет получать и получает результаты.
@iversonmodo544
@iversonmodo544 4 года назад
Выдает , Были ошибки сообщение не отправлено
@angelscroll2336
@angelscroll2336 Год назад
Проблему решили?У меня тоже самое.
@pekhov-anton
@pekhov-anton 5 лет назад
А если несколько форм на сайте, они конфликтуют
@user-ls5wr5zy8t
@user-ls5wr5zy8t 4 года назад
Почему не выкладываешь исходники с видео
@user-cf6vl5xe2d
@user-cf6vl5xe2d Год назад
У меня не присылаются никакие данные на почту :(
@user-ko8ci1sq3e
@user-ko8ci1sq3e 3 года назад
Все получилось, правда не сразу , наделал несколько мелких ошибок в коде.
@aveyog-sothoth2354
@aveyog-sothoth2354 5 лет назад
3:27 показалось)
@hadwayx
@hadwayx 4 года назад
Что произошло на этой секунде?
@grey_psn
@grey_psn 3 года назад
Ошибка то наверное не из-за того что не на хостинге, а потому что один параметр не определен в функции mail? на локалке прекрасно все работает.
@Andrew-hw6bo
@Andrew-hw6bo 3 года назад
какой? в php или в js?
@grey_psn
@grey_psn 3 года назад
@@Andrew-hw6bo напутал походу, сейчас глянул вроде норм всё
@kiavanya
@kiavanya 4 года назад
Я ТОЖЕ ВСЕ СДЕЛАЛ КАК ПОКАЗАНО НО НЕ РАБОТАЕТ НА ПЕРВОМ ДАЖЕ ЭТАПЕ ГДЕ ПРОВЕРКА ПАРАМЕТРОВ
@anic3130
@anic3130 2 года назад
у меня сейчас такая же ситуация и что делать вообще без понятия
@mikhailovmusic
@mikhailovmusic 14 дней назад
4 года спустя - проверь кавычки что бы двойные были)
@smaykbro9318
@smaykbro9318 3 года назад
а код не дадите ?)
@superantoxa8209
@superantoxa8209 5 лет назад
Все классно. но почему не передается $name = $_POST['name']; $phone = $_POST['phone']; У вас тоже в письме нету этих данных видео на 36:28
@evgeniya3485
@evgeniya3485 4 года назад
надо их собрать в 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
@Anahitacode 3 года назад
@@evgeniya3485 Спасибо большое за пояснение, пытаюсь сделать не получается, уже несколько вариантов (подобных по синтаксису перепробованы). Но ответ очень близок, либо что-то с сервером на хосте. Так как страница после отправки не чистит введенные данные, а на локалке при проверке, которые были до переноса данные в форме чистились
@ninovakhania7391
@ninovakhania7391 4 года назад
а где имя и номер телефона, самое важное
@montykay6003
@montykay6003 5 лет назад
сначала делал соединение на сокетах, спустя немного времени выкладывать более старую технологию тупо контент
@arturseu
@arturseu 5 лет назад
стоит посмотреть ?
@montykay6003
@montykay6003 5 лет назад
@@arturseu нет, это устаревшая технология
@arturseu
@arturseu 5 лет назад
@@montykay6003 спасибо.
@user-pb1cp3vf4f
@user-pb1cp3vf4f 2 года назад
ГДЕ СООБЩЕНИЕ ЧТО ДАННЫЕ БЫЛИ ОТПРАВЛЕНЫ???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
@Aik-bu1yi
@Aik-bu1yi 3 года назад
Очень прошу пиши код по центру а не в футере
@whatisitallwhatisitall7398
@whatisitallwhatisitall7398 3 года назад
досих пор кто-то пишет "var".
@user-qo1yv9sf5b
@user-qo1yv9sf5b 2 года назад
Есть у кого исходный код в файле? -_-
@user-lk4ww1ej5v
@user-lk4ww1ej5v 2 года назад
не работает
@user-zg3lm6kv2j
@user-zg3lm6kv2j 4 года назад
По твоему примеру приходят почта и сообщение, а где телефон? Где имя? Халтура, а не форма
@kiavanya
@kiavanya 4 года назад
МОГУ В ЛИЧКУ ПРИСЛАТЬ RARФАЙЛ ПОМОГИ ТЕ ПОЖАЛУЙСТА ЧТО НЕ ТАК СДЕЛАЛ
@user-mt1tu6mq3y
@user-mt1tu6mq3y 3 года назад
пришли почту посмотрю
@MrAtilaus
@MrAtilaus 5 лет назад
Всё отлично. Только прям режет "аш". Буква "h" называется "аш" на французском. Оттуда и в химию перешло H2O - аш два о. НО ты же остальные то буквы называешь как они в английском языке звучат. Так почему бы и "h" не называть правильно - "эйч". Ну нет буквы "аш" в английском алфавите.
@jeangreen8426
@jeangreen8426 3 года назад
телефон не пришел и имя..вы хотя бы смотрите что вы вообще снимаете и выкладываете?
@alarm_yt
@alarm_yt 5 лет назад
А я думал, jQuery устарел и его никто не использует
@dogvscatfunny9956
@dogvscatfunny9956 9 месяцев назад
Зачем новичку сейчас хостинг?че за бредовый автор кто знает?
@dancef2
@dancef2 5 лет назад
Плохая реклама языка PHP на фоне того, что на других языках целый блог можно сделать минут за 15. гуглите Blog in less than 10 minutes using Ruby on Rails
Далее
Deleted skins in Standoff 2! #standoff #skins #nameless
01:00
Алмазная мозаика Mini Gems 💎
00:51
Просмотров 304 тыс.
AJAX ➤ Уроки jQuery для начинающих
44:21