Как сделать форму обратной связи без перезагрузки страницы?

Question

[Игорь Темников]

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

Может кто знает где есть такое решение что бы посмотреть либо емеет какие то исходники так как я пока что не так силен что бы самому написать что-то подобное.

Comments

[runapa]

Делай ajax запрос к серверу и отправляй форму. В случае положительного ответа, меняй класс у блока с сообщением. Например делай его видимым.

Гугли send form ajax

Answer 1

[Semantic.Moscow]

это называется XHR
после отправки что и где отображать, это на ваш выбор, но то как меняется страница, это уже не XHR,
это обычный JS - работа с DOM