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

@Borsche · Регистрация: 03.07.2016

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

Есть меню(как на картинке). Как сделать так чтобы при нажатии на кнопку, отправился запрос по какомуто URL или с какими-то параметрами, впрынципе неважно как, чтобы мой контроллер его обработал сохранил в БД нужную запись но при это страница не перезагрузилась, осталась как есть.

ninjacut · 24.02.2017, 21:26

Borsche, .preventDefault() в обработчике сабмита формы и отсылаешь сам запрос, и тебе в раздел javascript, я думаю.

@Borsche · 24.02.2017, 21:45 **[ТС]**

Пробовал. Почему-то страница белая стаёт и все. Запрос на стороне сервера обрабатывается.

JavaScript
1
2
3
4
5
6
7
    $(function(){
        $('#test_form').submit(function(e){
 
            e.preventDefault();
 
        });
    });

И что то так пробовал

JavaScript
1
2
3
4
5
6
7
8
9
10
11
    $(function() {
        $('.vote').on('submit', function() {
            var method = $(this).attr('method');
            var action = $(this).attr('action');
            $.ajax({
                type: method,
                url: action
            });
            return false;
        });
    });

Но тоже самое.

Может сама логика неправильная. Тут в чём смысл, типа по нажатию на кнопку продукт из меню сохраняется в заказ. Я что придумал к каждой кнопке свой УРЛ и контроллер который их обрабатывает.

@crackos · 25.02.2017, 11:19

А у вас точно это форма с сабмитом? Если просто кнопочки, то через клик надо делать, а не сабмит

@Borsche · 25.02.2017, 11:35 **[ТС]**

Что то такое на каждую кнопку.

HTML5
1
2
3
<form method="post" class="menu-form vote" action="/waiter/order/2/menu?product=Cinxano%20Rosso">
                                    <button type="submit" class="btn btn-success btn-lg">Cinxano Rosso</button>
                                </form>

Если не правильно? То как сделать.

@fanatikus · 26.02.2017, 19:08

Сообщение от Borsche

То как сделать.

HTML5
1
2
 <button type="button" class="test btn btn-success btn-lg" data-param="Cinxano%20Rosso">Cinxano Rosso</button>
 <button type="button" class="test btn btn-success btn-lg" data-param='Ciros'>Ciros</button>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
            $('.test').click(function(){
                var param = $(this).data('param');
                $.ajax({
                    url:'обработчик.php',
                    type:'post',
                    data:'param='+param,
                    success:function(response){
                        console.log(response);
                    }
                })
            })

@Borsche · 26.02.2017, 23:25 **[ТС]**

Извините забыл написать что решено. Но Фанатикусу спасибо, единственный кто откликнулся.
И как оказалось на простой вопрос.

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Borsche 183 / 110 / 44 Регистрация: 03.07.2016 Сообщений: 496

	Как отправить запрос или форму без перезагрузки страницы 24.02.2017, 20:20. Показов 1079. Ответов 6 Метки нет (Все метки) Есть меню(как на картинке). Как сделать так чтобы при нажатии на кнопку, отправился запрос по какомуто URL или с какими-то параметрами, впрынципе неважно как, чтобы мой контроллер его обработал сохранил в БД нужную запись но при это страница не перезагрузилась, осталась как есть. Миниатюры 0

ninjacut 155 / 154 / 53 Регистрация: 30.04.2016 Сообщений: 321
	24.02.2017, 21:26
	Borsche, .preventDefault() в обработчике сабмита формы и отсылаешь сам запрос, и тебе в раздел javascript, я думаю. 0

@crackos 46 / 38 / 26 Регистрация: 11.08.2016 Сообщений: 139
	25.02.2017, 11:19
	А у вас точно это форма с сабмитом? Если просто кнопочки, то через клик надо делать, а не сабмит 0

@Borsche 183 / 110 / 44 Регистрация: 03.07.2016 Сообщений: 496
	26.02.2017, 23:25 [ТС]
	Извините забыл написать что решено. Но Фанатикусу спасибо, единственный кто откликнулся. И как оказалось на простой вопрос. 0