С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
2 / 2 / 0
Регистрация: 26.04.2010
Сообщений: 134

Запуск submit form с ajax с обычной кнопки

19.10.2020, 15:04. Показов 830. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет.

Помогите пожалуйста решить вопрос.

Есть форма (пусть будет form1) у которой есть несколько полей и кнопка типа submit.

На эту форму через addEventListener я повесил на событие submit функцию, которая выполняет некоторые действия, в т.ч. ajax запрос

По нажатию по кнопке submit выполняется все что надо и как надо и со страницы - перехода никуда не происходит.

Есть на странице еще несколько кнопок (вне этой формы), которые меняют 1 из значений формы выше, и должны так же запускать выполнять действия, аналогичное кнопке Submit. При этом переход на файл, куда форма отправляет данные не должен происходить. Как это сделать?

Если вешаю на кнопки через addEventListener на click функцию где вызывается form1.submit() - отправка с формы происходит, но та функция что была повешена на sunmit формы - не запускается. Обычная отправка с формы происходит без AJAX с переходом на файл куда передаются данные чего мне не надо.

На каждую кнопку делать создавать form не хотелось бы ибо кнопок может быть много. А та форма что используется ..ее было бы достаточно на все задачи..

Как такое реализовать?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
19.10.2020, 15:04
Ответы с готовыми решениями:

Определение кнопки SUBMIT и метод form.sumit()
Когда клиентский скрипт после проверки введенных данных отсылает форму сервером, он пользуется методом frm.submit(). Но при этом почему-то...

Ajax передать значение кнопки submit
Простая форма. Приведу код, может все-таки где ошибся.. Проблема, что просто при отправке формы в запросе есть значение кнопки, а при аякс...

AJAX отправка данных из формы без нажатия кнопки submit
Здравствуйте, подскажите пожалуйста как отправить запрос AJAX без использования кнопки submit. То есть например человек выбрал из...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
19.10.2020, 15:04
Помогаю со студенческими работами здесь

PHP БД отправка данных в phpmyadmin после нажатия кнопки ajax submit
Как отправить данные в БД (из input) после нажатия кнопки submit ajax? (Данные отправляемые в БД $user = R::dispense('users'); ...

Perfect Ajax Popum Contact form - Initializing form
Всем добрейшего времени суток. Использую на сайте модуль обратной связи Perfect AJAX Popup Contact Form. Внизу формы постоянно крутится...

Как присоединить Form.Designer к обычной форме
Из-за удаления одной строчки удалилась вся форма. Все элементы, которые там были. Но в коде все осталось. Все элементы остались. Можно ли...

Form and Submit ?
Mojno li na odnu formu ispol'zovat' neskol'ko submitov,to est' ,shto bi odin delal action form na odin adres,a drugoy submit delal action...

1 form, 1 submit, 2 action'a
Есть форма <FORM method="post" action="ff1.php"> <input type="text" name="name"> <input type="submit"...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru