phpjsJqueryhtmlcssblog

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

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

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

1. "onSubmit" вариант номер 1.
2. Submit без перезагрузки и без формы.
3. Скачать можно здесь

После того, как мы разобрались с "Submit-ом без перезагрузки", что нам потребуется!? Правильно - post js

Скопировать ссылку



"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>
Результат, что у нас получилось:

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

Скопировать ссылку



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.

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

Еще никто не прокомментировал! COMMENTS+   BBcode

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

---