Как сделать ajax-форму на сайте без перезагрузки страницы + окно «Спасибо»
HTML-код
- Опубликовано: 27 авг 2024
- Материалы из видео:
Архив с файлами на Яндекс.Диск: yadi.sk/d/rnEv...
Шаблон из видео целиком на GitHub: github.com/ins...
Видео о шаблоне: • HTML-шаблон для быстро...
Данный видеоурок о том, как сделать форму заявки на сайте, без перезагрузки страницы и показать окно «Спасибо за заявку». В данном видео показано, как сделать отправку данных при помощи технологии AJAX, как написать PHP-обработчик mailer, как показать и скрыть попап-окно. И в целом, как сделать форму обратной связи php + ajax. Для этого я не использую никакой плагин обратного звонка, а пишу свой простой скрипт заявки или как это называют по другому скрипт обратного звонка, форма заявки на сайте, захват посетителя на сайте.
Как создать сайт с нуля, своими руками? Как начать верстать сайт? Как начать программировать? Как заработать на своем сайте? Подпишись на канал и узнаешь много полезного о такой деятельности, как создание сайтов:
/ @aleksei_vavilov
А как вы организуете обратную связь на своих сайтах? Используете ли плагины? Если да, то какие и почему?
как с вами связв....?
Любые поля + файлы, авто оформление в таблицу и отправка на указанную почту. Пользуйтесь, кому интересно github.com/WahaWaher/sendmail-js
Подскажите как можно добавить в сообщение title страницы с которой пришел запрос?
делаем через сервис qform24.com . работает без перезагрузки, функционала куча и всё бесплатно. самое удобное - что к стилям сайта можно подключить
Работать без подключения хостинга будет? То есть просто запуск самой формы на пк без инета?
Среди множества образцов и исполнений, единственное которое помогло и работает! Спасибо! остается только оформить окно "Спасибо" и все гуд!
Весьма грамотный и информативный урок. Всё изложено доступным языком, что разберётся даже новичок в этой области.
СПАСИБО ТОВАРИЩ!
Прочие авторы зачем то делют 50-минутные видео как сделать дурацкую форму и с перекидыванием на новую страницу. А тут коротко и ясно!
Все секреты ajax-форм раскрыть невозможно) Но здесь рассказали некоторые без перезагрузки страницы. Спасибо!!! Удачи всем и везения!!!
Реально полезное видео потому что не каждый в этом разбирается) а с подобным видео все не так и сложно.
Соглашусь с вами, лично мне очень помогло это видео в создании заявки - спасибо автору, на канале еще очень много полезных видео!
Алексей, спасибо за видео, видео полезное. Но просьба, увеличивайте шрифт для записи видео, смотреть очень тяжело, особенно с мобильных устррйств.. А в sublime это делается просто. )))
Спасибо. То что нужно для понимания сути как это делается начинающим. Коротко и ясно.
Самое адекватное видео на эту тему, благодарю
Спасибо тебе, прошло столько времени и это для меня актуально))
Классный способ!Спасибо большое!Отличное видео, а главное полезное,попробовал-все работает.
Неплохая реализация достаточно полезной вещи для моего блога, спасибо за сэкономленные нервы
Огромное спасибо за урок, для моего движка данной технологии сильно не хватало.
Удачи вам в будущем!
Мне ваше видео очень помолгло. А главное что все просто и понятно, я к примеру разобралась очень быстро, что и как надо делать.
Спасибо большое, именно это и искал!
это ролик будет полезным начинающим учащимся програмистам которые начинают точить гранит програмированния
Интересный видеоурок , хотелось бы подробней узнать в javascript кодах. Буду ждать продолжения.
Качественно объяснил, спасибо.
Не работает! Поставила, исправила почту, залила на хостинг. При отправке выкидывает на страницу с текстом php кода
Спасибо большое. Очень помогли!
Отличное получилось видео очень полезное и интересное класс
Боже, спасибо большое, что все четко и по делу объясняешь. Как меня задолбали видео, где автор хуеву тучу времени делает форму и подбирает стили для неё.
Спасибо вам,это мне очень помогло,помню когда я регистрировался на одном сайте это было не очень удобно,но мне это очень помогло спасибо вам большое!
RUclips - ruclips.net/user/itbeard
Discord - discord.gg/tWbt4sS
Спасибо. Понятно и кратко.
Подскажите, после того как я под себя настроил по вашему шаблону, как загрузить на свой сайт?
Странно, но у меня не работает. Письмо отправляется, а потом ничего не появляется. Пробовал и success, и done, пытался вывести информацию через консоль и alert, но реакции ноль....
Супер.... все работает круто, а не подскажете как еще реализовать отправку файлов в ней? было бы круто!
тут можно с файлами, github.com/WahaWaher/sendmail-js
Надо шрифт ещё поменьше сделать, а то буквы такие "большие".)))
Алексей, а почему бы вам не начать на канале свой туториал по JavaScript?
Огроменное спасибо
Спасибо за видео!
Спасибо большое!)
Спасибо за ролик
На почту не приходит к сожалению( почту изменил, тестировал с формой скачанной с github
+
Новички, которые не поняли что используется jquery селекторы: 🗿
Че такие буквы большие?? Все видеоо как китаец посмотрел.
Спасибо!!!
спасибо за видео как раз интересно каким образом привязывать событие метрики которое было обойдено в видео
Не работает, просит подключить juery, автор этого не объяснил
Те кто пишет что ничего не работает. Вы тестировали с хостингом?
Подскажите пожалуйста , почему не приходит письмо на почту , это не первая форма отправки которую я ставлю , ни одна не работает , проверяю формы без сайта , тоже самое не работают , почту указываю свою , в чем может быть дело ? использую бесплатный хостинг , влияет ли это?
Да, влияет, я на beget перешел на платный и все заработало
Добрый день . Скачал ваш фаил у меня он не работает (не отправляет на мою почту ) может кто то поделится рабочим вариантом.
Подскажите как можно добавить в сообщение title страницы с которой пришел запрос?
А для роботы сайт на хостинге должен быть? Подскажите пожалуйста.
Добрый день! Спасибо за Ваш полезный код! Подскажите, пожалуйста, как можно передать в Вашу контактную форму ссылку на кнопку "Сделать заказ" (каждый товар будет представлен в виде записи в Wordpress). Очень интересно оформить процесс заказа товара через Ваш скрипт. Я сделал такую кнопку
форма работает отлично! но столкнулся с проблемой, когда дублирую форму на страницы выше она не работает((
А сделать что бы данные с формы добавлялись в Google form?
а как сделать, чтобы письмо отправлялось не на почту, а на телефон?
Спасибо!
Нашел то что нужно было)
за 5 минут всё работает!)
Подскажите как можно добавить в сообщение title страницы с которой пришел запрос?
market-monsters.com.ua
0800 33 57 19
096 747 14 57
а если форма регистрации, то как в js добавить функцию проверки существует ли такой логин уже или нет? все перерыл - не могу понять как...и почему перестал видосы пилить? у тебя очень круто получается!!возвращайся
Если это форма регистрации или авторизации, то данные о пользователях хранятся в базе. Это проверяется не js, а на бэкэнде. На js в таком случае выводится лишь ответ об ошибке, в полученных с сервера данных. Скоро вернусь, спасибо)
vi snimali ochen interesnuyu i nuzhnuyu rolikk
а что если форм несколько на странице?
А можно на гитхаб хостинг залить такую тему? Будет работать?
Спасибо за видео, то что нужно!
Кто может подсказать, как реализовать в данном случае отправку форм на 2 почты по очереди?
Указать вторую почту через запятую, без пробела.
Алексей Вавилов а как реализовать отправку именно по очереди? Чтобы 1 заявка уходила на почту 1, 2 заявка на почту 2, третья снова на 1
подскажите плз как дополнить Ваш код
если например у меня 5 форм на сайте (одинаковых)
одна отправляет только
и так и сяк настраивал. Все работает, попап выскакивает, НО!!! На почту не приходит ничего. Что может быть? e-mail перепроверил на ошибки
если ты с локального сервера пробуешь то не получится
CortezШоу я на платном хосте
BROnik на хостинге
Поля приходят пустые
Вам удалось выяснить в чем проблема? Это из-за отсутсвия библиотеки jquery? Вижу там используют селекторы эти. А про подключение библиотеки автор нихрена не говорил
не приходит сообщени
Закинул все на Github форма не работает. В чем может быть подвох? Помогите сделать форму для сайта.
Закинули на GitHub или взяли с Github'a?
Не работают стили
Не работает из за cors политики.и даже поп ап не выходит
На каком редакторе кода ты пишешь?
Sublime Text 3
Не работает(
Почту в обработчике поменяли? А то мне часто приходят сообщения. Кто-то тестирует форму из видео, оставив мой почтовый ящик, как получателя.
Да, все поменял. Прикол в том, что на компиляторе то все ок. А как заливаю на хостинг. Не выскакивает модальное окошко( Сам верстальщик на любителя). Поменял ajax(ссылку), не помогло(новые версии же уже).
1-04 Текст мелковат
Как изменить окно спасибо? фон добавить и тд
в css
не хрена нечтого не работало?
Здравствуйте, у меня письмо приходит на почту, но почему то они пустые. кто знает в чем проблема?
вам вдалося вирішити питання? Якщо так то в чому там була проблема?
Как сделать все это на всплывающей окне ?
Посмотрите видео о реализации всплывающего окна (внутрь элемента окна, можно поместить любой контент, в том числе форму): ruclips.net/video/rIb0OoNWDEs/видео.html
Хорошо, попробую разобраться.