Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

submit без перезагрузки

Поддержи проект!!! smile

Сделать Submit без перезагрузки страницы можно множеством способов! Мы можем прямо на post а форму повесить "onSubmit"

"onSubmit" на форме без перезагрузки

  1. "onSubmit" вариант номер 1.
  2. Submit без перезагрузки и без формы.
  1. "onSubmit" вариант номер 1.

    У нас есть стандартная форма для отправки данных на сервер, нам нужно её чуток модифицировать :

    <form method="post">

    <input type="text" name="" id="" value="Здесь данные">

    <input type="submit" name="submit" value="Создать аккаунт 1">

    </form>

    Метод - "method" нам здесь не нужен, поскольку php задействован не будет и также нам не понадобятся "name".

    <form onSubmit="return send_data(this)">

    <input type="text" id="is_text" ;>

    <input type="submit" value="Отправить">

    </form>

    Но форма, просто так работать не будет! Её ещё надо много, чтобы она реально отправляла данные на запись. Но мы сейчас не об этом...

    Выведем данные, которые мы отправим из формы:

    <script>function send_data() { alert(is_text.value); return false; }</script>
    Результат, что у нас получилось:

    Нажмите кнопку отправить :

  2. Submit без перезагрузки и без формы.

    Когда у нас есть js? то нам вообще форма не нужна! И Submit вместе с "onSubmit".

    Оставляет от формы только инпуты(input) + во второй инпут добавляем onclick и функцию "send_data_2()" :

    <input type="text" id="is_text_2" value="тестовая отправка _2">

    <input type="submit" onclick="send_data_2();" value="Отправить">

    Получим данные из value и выведем через alert
    <script>function send_data_2() { alert(is_text_2.value); }</script>

    Результат формы без Submit и перезагрузки

    Нажмите отправить!

    P.S.

    Для полноценной отправки данных и записи, надо много шагов сделать!


Вас может еще заинтересовать список тем : #JS | #JS_POST | #JS_FORM |
Последняя дата редактирования : 15.01.2021 18:27
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

Последние комментарии :
Марат :
19/01/2021 01:13
Всегда пожалуйста!Приходите ещё!
подробнее.
аркадий :
19/01/2021 01:08
Спасибо!Меню вернулось. Класс!
подробнее.
Прохожий :
02/01/2021 10:44
Здравствуйте Марат!Спасибо Вам, за оперативность и развернутый ответ с примерами. И ОГРОМНОЕ спасибо, что…
подробнее.
Марат :
01/01/2021 03:30
И вас с Новым годом!Посмотрите …
подробнее.
Прохожий :
31/12/2020 03:58
А как проверить, чекнут ли чекбокс программно, то есть - другим скриптом, а не мышкой?Вот тут…
подробнее.