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

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

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

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

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

  1. "onSubmit" вариант номер 1.
  2. Submit без перезагрузки и без формы.
После того, как мы разобрались с "Submit-ом без перезагрузки", что нам потребуется!? Правильно - post js
  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.

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


Последняя дата редактирования : 11.02.2021 17:46
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.