Форма обратной связи на PHP, Ajax, JavaScript и Bootstrap 4 / Изучение Ajax за 30 минут!
Vložit
- čas přidán 5. 09. 2024
- В ходе урока вы создадите полноценную форму обратной связи с использованием технологий - 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
СПАСИБО ОГРОМНОЕ, делаю курсач, три дня потратил на поиск того, что ты объяснил за 30 минут, дай бог тебе здоровья))
Спасибо друг! Помог очень.
Штук 5 видосов разобрал других авторов и только твой способ сработал
Спасибо!! Просмотрел с удовольствием на одном дыхании!!
Здорово! Очень доступно и понятно. Больше спасибо, Гоша!
Гоша, сделай видео о регистрации и авторизации на сайте - что бы можно было после авторизации админу выкладывать новости и т.п.
+++++++
присоединяюсь. Меня еще интересует, как потом отражать сессию авторизированного пользователя в правом верхнем углу, и чтобы именно авторизированному пользователю были доступны какие-то функции, типа сообщение в форуме написать.
Чтобы приходили на Мейл все поля заполненые в 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;
?>;
Спасибо бро!!!
Сделай видеоролик где ты создаешь "отзывы и комментарии " для сайта на php пожалуйста
+++++++
Спасибо огромное! Видео супер! Хотелось бы понять, как можно этот функционал расширить и сделать форму записи на прием (например, к доктору), где есть календарь, выбор даты и времени приема, и чтобы время, которое уже занято, блокировалось для выбора, было неактивным, а свободное - активным. Если такое видео уже есть, киньте ссылку, пожалуйста!
Скажите, а где в доставленном сообщение данные заполненных полей форм, номера телефона и имени?
А где передача имени? "Георгий" из формы.
сделай пожалуйста видео как сделать всплывающее окно попапа с обратной связью по нажатии на кнопку
Спасибо, отлично все демонстрируешь и доходчиво объясняешь
Ты спас мне жизнь ❤❤❤
Ещё ролик по сайту на php хочу) Что-нибудь связанное с базой данных, например добавление и отображение постов.
кста объекты в data можно записать попроще.
Такая запись {"name": name}эквивалентна такой {name}
Спасибо за видео.
Гоша, веб приложение на java spring, пожалуйста
А почему бы для передачи данных не использовать .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);
}
});
});
Дельный совет. Благодарю!
Спасибо за видео. Голос как у М. Русакова.
Передаются данные только из message...
А есть видео где с помощью ajax письмо отправляется в телеграм?
Лайк за видосик! Да для начинающих зайдет на ура. Но как по мне проще в данном случае применить к форме serialize() да бывает конечно что нужно выбирать поля по отдельности и тут так же зачем лишние ID полям если можно обратиться $("input[name=name]) ... Но все же годно!
Инпут с типом phone мм, могешь ) там tel писать надо))
Сделал все также и не работает отправка сообщений. Странно, что на локальном сервере Denwer не показывает ошибки как в видео. Залил на бесплатный хостинг ZZZ и тоже ошибки нет,но сообщение все равно не отправляется на почту. Может проблема в том, что нужно залить на платный хостинг?
Гоша сделай пж крутую пагинацию на php
Причем обратную чтобы проиндексированные странички не менялись!
Вот хоть убейте меня, как-бы я не пытался, как-бы я не пересматривал каждую секунду у этого видео и полностью всё не повторял-ну не работает это у меня! введите е-маил и введите сообщение у меня показывает, а вот после написания и начала работы аякса и задания передаваемых данных для mail.php-сообщения попросту перестаю выводится под формой, ещё и все последующие выводы в текстовых окнах так-же не работают ... Кто пробовал-отпишитесь пожалуйста
+
А есть видео на урок, как сделать получение данных с сервера при загрузке страницы, используя Ajax?
нам надо указать "ЧЕЧЬ", чтобы сделать кеширование - улыбнуло ахахах))
Добрый день! Может у кого была похожая ошибка: данные из php не приходят. То есть не получается соединить ajax и php. Сделал точно как в видео. Очень нужна такая форма обратной связи(( Заранее спасибо
Если нашли решение дайте знать пожалуйста
1. Где в доставленном сообщении данные с заполненной формы?
Здравствуйте! Мне надо добавить календарь. Подскажите что использовать? DatePicker? Может посоветуете что-то ?
ради ajax подключать JQuery?
Не обязательно, можно xmlhttpquest использовать это тоже самое , ajax работает на нем но там синтаксис не такой простой открывать закрывать соединение, проверять, гемор в общем
Сделай подробное видео об анимациях в unity 5
Стоит смотреть?Отпишите насколько хороша форма
не стоит, полная халтура, плюс наглая реклама
Вообще все проверки нужно осуществлять на стороне сервера, а не на js
Вообще нужно делать проверки на обеих сторонах.
@@astrotrain и какой смысл?
@@TheDimonWhite такой что на сервер попадает только отфильтрованная инфа, а не вся подряд
То что можно отсечь на клиенте не нужно отдавать серверу и лишний раз его напрягать
Немного переделала код, все работает, но отправляет почту только на созданную мной в панели управления почту, я в этом не разбираюсь, кто подскажет, в чем проблема?
Выдает , Были ошибки сообщение не отправлено
Проблему решили?У меня тоже самое.
Добрый день. У мне почему то синтаксическую ошибку показывает в конце. Как выяснить в чём ошибка?
Привет.Сделай пожалуйста видео про Corona Sdk.
Да было бы круто
Как ты все успеваешь? я не успеваю смотреть даже....
> 2019 год
> jquery
> es5
> проверка данных только на стороне клиента
Гоша дударь))) зашел к нему на канал, чтобы поднять себе самооценку D
Обьясните новичку что не так в видео?)) знаю пока только, что es5 устарел
@@NadezhdaZubenko проверку данных, которую он написал, можно легко обойти, изменив исходный код в браузере
@@NadezhdaZubenko, сначала книжки по алгоритмам и компьютер сайнс попробуйте почитать, и если вам не зайдет, то вы быстрее поймете, что это не ваше. Просто верстальщики сейчас уже мало кому нужны, а если и нужны, то конкуренция с вайтишниками и студентами(1курса) ОГРОМНАЯ
@@NadezhdaZubenko Нужно дублировать проверку на сервере, хотя бы минимальную.
Я думаю лучше вешать на событие сабмита формы, а не на клик по кнопке
Подскажите, как сделать, чтобы телефон и имя видно было в сообщении, когда оно на почту приходит?!
Я ТОЖЕ ВСЕ СДЕЛАЛ КАК ПОКАЗАНО НО НЕ РАБОТАЕТ НА ПЕРВОМ ДАЖЕ ЭТАПЕ ГДЕ ПРОВЕРКА ПАРАМЕТРОВ
у меня сейчас такая же ситуация и что делать вообще без понятия
4 года спустя - проверь кавычки что бы двойные были)
У меня не присылаются никакие данные на почту :(
Отличное видео, я немного переделал все под свои задачи. Но вот есть вопрос, как передавать изображения в форме аяксом? в форме есть input type file, и нужно файл, который был вставлен в это поле передавать аяксом. далее в бд
привет, разобрался?
выложи исходники плз.
'НА ТАКОЕ МАЛО КТО СПОСОБЕН. ВОН У ЭТОГО ГОНДУРАСА ФРИЛАНСЕР ПО ЖИЗНИ ИСХОДНИКИ ПЛАТНЫЕ
А можете код скинуть чтоб все это вручную не набирать?
Добрый день надеюсь подскажете. У меня такая проблема написал скрипт подключил все работает письма отправляются все хорошо но есть 1 нюанс у меня кнопка обратной связи создаётся в нескольких экземплярах через цикл php на одной странице с разной информацией и самая первая кнопка в списке работает а вот последующие уже не функционируют в чем может быть проблема?
А можно как то без этого атстоя jQuery сделать форму без перезагрузки страницы, а то jQuery тормозит загрузку сайта и прочий геморой добавляет всегда.
все сделал как у Вас, но на почту приходит только текст сообщения, почты , номер, имени нету. что не так? на почту mail.ru на сам хостинг не знаю что приходит
Дорогой хостинг
это бы видео год назад
а что бы все работало надо только на хостинг выставить или еще вон ту не понятную штуку (конец видео) надо устанавлтвать? Пожалуйсто подскажите... 2 часа парился и не выходит
В видео говорится, что если работаешь на localhost, то сообщения не отправляются. Я сначала всегда тестирую на локальной машине, потом только на сервер переношу. Для отправки email использую библиотеку phpmailer. Прекрасно отправляются сообщения с localhost
Ошибка то наверное не из-за того что не на хостинге, а потому что один параметр не определен в функции mail? на локалке прекрасно все работает.
какой? в php или в js?
@@Andrew-hw6bo напутал походу, сейчас глянул вроде норм всё
Все получилось, правда не сразу , наделал несколько мелких ошибок в коде.
Почему не выкладываешь исходники с видео
Сделал эту "форму" в модальном окне, даже ни единой ошибки, глухо как в танке.
Никакой информации к инспекторе -> Network.
Кнопку не нужно ставить на батон. Была переписанная мной форма под множество в любом количестве. Много кода. Работала даже на холодильнике ска... просрал вместе с жёстким диском кучу хороших, переписанных под себя или написанных с нуля, плагинов.
Проблема возникать будет в том, что jQuery не объявлена в качестве оболочки для твоих скриптов, понимаешь? объявлять её нужно. Только так будет реакция. И да, БЕЗ РАЗНИЦЫ, локальный у тебя сервак или глобальный..... работать форма будет везде, где он есть. АЖАКС не является полноценным продуктом. Это просто технология, совокупность библиотек, решений, под общей аббревиатурой A.J.A.X. И когда у тебя есть сервер, php работает, а значит и ajax будет получать и получает результаты.
а если закинуть код в публичный GitHub repository и использовать их сервер то будет работать?
нет, githubpages php не поддерживает
Все классно. но почему не передается $name = $_POST['name'];
$phone = $_POST['phone'];
У вас тоже в письме нету этих данных видео на 36:28
надо их собрать в 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."
";
@@evgeniya3485 Спасибо большое за пояснение, пытаюсь сделать не получается, уже несколько вариантов (подобных по синтаксису перепробованы). Но ответ очень близок, либо что-то с сервером на хосте. Так как страница после отправки не чистит введенные данные, а на локалке при проверке, которые были до переноса данные в форме чистились
сначала делал соединение на сокетах, спустя немного времени выкладывать более старую технологию
тупо контент
стоит посмотреть ?
@@arturseu нет, это устаревшая технология
@@montykay6003 спасибо.
А если несколько форм на сайте, они конфликтуют
а где имя и номер телефона, самое важное
Есть у кого исходный код в файле? -_-
а код не дадите ?)
ГДЕ СООБЩЕНИЕ ЧТО ДАННЫЕ БЫЛИ ОТПРАВЛЕНЫ???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
3:27 показалось)
Что произошло на этой секунде?
Очень прошу пиши код по центру а не в футере
А если я напишу чужой емаил? Получаеться через эту прогу можно от чужого имени писать?
так это везде так )))вы когда заявку где либо оставляете и вас просят ввести свой емайл для обратной связи , можно же любой емайл написать ))))
@@RosarioPorello но я могу установить типо емаил админа на любой другой к примеру большой компании где работает человек емаил этого человека я ввожу в смс и пишу типо увольняюсь
Меня тоже этот момент заинтересовал. Такого не может быть. Что-то осталось за кадром(( И автор молчит.
не работает
досих пор кто-то пишет "var".
Я 109;)
По твоему примеру приходят почта и сообщение, а где телефон? Где имя? Халтура, а не форма
телефон не пришел и имя..вы хотя бы смотрите что вы вообще снимаете и выкладываете?
Зачем новичку сейчас хостинг?че за бредовый автор кто знает?
Всё отлично. Только прям режет "аш". Буква "h" называется "аш" на французском. Оттуда и в химию перешло H2O - аш два о. НО ты же остальные то буквы называешь как они в английском языке звучат. Так почему бы и "h" не называть правильно - "эйч". Ну нет буквы "аш" в английском алфавите.
МОГУ В ЛИЧКУ ПРИСЛАТЬ RARФАЙЛ ПОМОГИ ТЕ ПОЖАЛУЙСТА ЧТО НЕ ТАК СДЕЛАЛ
пришли почту посмотрю
Плохая реклама языка PHP на фоне того, что на других языках целый блог можно сделать минут за 15.
гуглите Blog in less than 10 minutes using Ruby on Rails
А я думал, jQuery устарел и его никто не использует