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

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

24.02.2017, 20:20. Показов 1098. Ответов 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
Ответ Создать тему
Опции темы

Новые блоги и статьи
Модель микоризы: классовый агентный подход 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 считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru