ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Отправить форму без перезагрузки страницы.

2018/07/08 Марат 442 0 JS | FORM |

Мы столкнулись с тем, что в одном случае перезагрузка страницы случается, а во втором случае нет –давайте попробуем разобраться!

Сразу скажу, что понять из-за чего – это практически невозможно, но мы не будем в это углубляться и давайте начнем!

У нас есть форма, в которой мы будем отправлять с помощью onSubmit – данные для обработки

Иногда такого достаточно, и страница не перезагружается, но давайте попробуем отправить данные… после отправки выходит алерт, который написан в функции, но после закрытия окна – перезагрузка все равно срабатывает. (Здесь не срабатывает, а в этой форме срабатывает!)

Пол идее return в onSubmit должен срабатывать, но внизу мы видим, что это не так!

Внутри onSubmit:

return regist(this)

Результат :


Следующим шагом давайте добавим в функцию :

return false;

Как видим форма отправляет данные. Но страница уже не перезагружается…


Ну и собственно последний вариант:

Отключить перезагрузку формы по молчанию

Добавим в скрипт

event.preventDefault();

Скопировать все варианты кода отключения перезагрузки

Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 21.1
Название скрипта и номер :Отключение перезагрузки

Скачать - архив
Все скрипты на одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019