Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
 Аватар для Borsche
183 / 110 / 44
Регистрация: 03.07.2016
Сообщений: 496

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

24.02.2017, 20:20. Показов 1079. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть меню(как на картинке). Как сделать так чтобы при нажатии на кнопку, отправился запрос по какомуто URL или с какими-то параметрами, впрынципе неважно как, чтобы мой контроллер его обработал сохранил в БД нужную запись но при это страница не перезагрузилась, осталась как есть.
Миниатюры
Как отправить запрос или форму без перезагрузки страницы  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.02.2017, 20:20
Ответы с готовыми решениями:

Как отправить get-запрос на эту же страницу без перезагрузки?
Имеется сайт, на нем есть фильтрующие кнопки, при нажатии на которые контент страницы должен обновляться без перезагрузки методом get (т.е....

Как организовать ajax-запрос без перезагрузки страницы?!
Добрый день!! Имеется модальное окно для редактирование, изменения должны применяться с помощью ajax без перезагрузки страницы. Сделал...

Отправить данные формы без перезагрузки страницы
Здравствуйте! На странице есть форма. Никак не получается отправить данные этой формы без перезагрузки страниц. Подскажите, как быть? А...

6
 Аватар для ninjacut
155 / 154 / 53
Регистрация: 30.04.2016
Сообщений: 321
24.02.2017, 21:26
Borsche, .preventDefault() в обработчике сабмита формы и отсылаешь сам запрос, и тебе в раздел javascript, я думаю.
0
 Аватар для Borsche
183 / 110 / 44
Регистрация: 03.07.2016
Сообщений: 496
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;
        });
    });
Но тоже самое.

Может сама логика неправильная. Тут в чём смысл, типа по нажатию на кнопку продукт из меню сохраняется в заказ. Я что придумал к каждой кнопке свой УРЛ и контроллер который их обрабатывает.
0
46 / 38 / 26
Регистрация: 11.08.2016
Сообщений: 139
25.02.2017, 11:19
А у вас точно это форма с сабмитом? Если просто кнопочки, то через клик надо делать, а не сабмит
0
 Аватар для Borsche
183 / 110 / 44
Регистрация: 03.07.2016
Сообщений: 496
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>
Если не правильно? То как сделать.
0
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
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);
                    }
                })
            })
1
 Аватар для Borsche
183 / 110 / 44
Регистрация: 03.07.2016
Сообщений: 496
26.02.2017, 23:25  [ТС]
Извините забыл написать что решено. Но Фанатикусу спасибо, единственный кто откликнулся.
И как оказалось на простой вопрос.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
26.02.2017, 23:25
Помогаю со студенческими работами здесь

Реализовать html форму без перезагрузки страницы
я новичек, написал коротенькую программу для отправки формы без перезагрузки страницы, почемуто форма выходит 2 раза. помогите пожалуйста! ...

Ajax запрос и ответ на него - все это без перезагрузки страницы
Объясню задачу: На странице есть текстовое поле через которое вводятся некоторые данные, и на этой же странице есть таблица которая...

AJAX или JS ReCaptcha 2.0 без перезагрузки страницы
Доброго времени суток! Что-то как ни крути у меня не получается навесить капчу от гугл 2.0. Мне нужно чтобы проверка делалась на JS или...

Как отправить все чекбоксыы без обновления страницы и без нажатия кнопки?
Нужно обновлять данные без перезагрузки и без нажатия кнопки на странице, пишу так: &lt;form method=&quot;POST&quot;...

Как обновить каптчу без перезагрузки страницы?
Здравствуйте! Подскажите пожалуйста, как сделать так, чтоб по нажатию на определенный объект, в моем случае это: &lt;p...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
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 . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru