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

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

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

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

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

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

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

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

Внутри onSubmit:

return regist(this)

Результат :


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

return false;

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


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

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

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

event.preventDefault();

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

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

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

Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019