Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.90/21: Рейтинг темы: голосов - 21, средняя оценка - 4.90
20 / 19 / 5
Регистрация: 04.10.2012
Сообщений: 223

Ajax - отправка формы и закрытие модального окна

27.07.2016, 08:06. Показов 4164. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Задача такова, нужно после отправки данных из формы в модальном окне закрыть это окно. Делаю так:
JavaScript
1
2
3
4
5
6
7
8
9
10
$.ajax({
                type: 'POST',
                url: 'send.php',
                data: msg,
                success: function() {
                    $('div#zakaz.wrap_modal').css('display','none');
                   
                },
                
            });
Данные уходят, но окно не закрывается. Хотя проверяю в консоли:
JavaScript
1
$('div#zakaz.wrap_modal').css('display','none');
, все работает и окно скрывается.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
27.07.2016, 08:06
Ответы с готовыми решениями:

Закрытие модального ajax-окна
Здарова! меня интересует как закрыть окно открытое с помощью ajax Вот так я создаю окно // ajax-window $('#paging_container3...

Закрытие модального окна
Здравствуйте! никак не получается закрыть модальное окно, в чем проблема? Вот скрипт вызова модального окна: <script...

Закрытие модального окна
Имеется модальное окно, в него встроено видео с сайта vimeo.com. Возникает такая проблема: при закрытии модального окна с запущенным...

6
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
27.07.2016, 08:19
А разметка какая? Если в консоли срабатывает
JavaScript
1
$('div#zakaz.wrap_modal').css('display','none');
значит намудрили с селектором

Кстати, div можно не указывать, это уже избыточно, замедляет поиск элемента
1
20 / 19 / 5
Регистрация: 04.10.2012
Сообщений: 223
27.07.2016, 08:26  [ТС]
Да я пробовал по разному, но событие не отрабатывает в success, хотя вот тестирую в консоли с тем же селектором, все работает. То же самое пытался проделать, чтобы убрать введенные значения с полей при успешной отправке, использовал конструкцию.
JavaScript
1
$(".reset").val(' ');
, где классы присвоены инпутам, тоже не срабатывает.
0
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
27.07.2016, 08:35
Определимся с терминами - что значит тестируете в консоли, тестируете код без отправки данных или ставите стоп на строке
JavaScript
1
$('div#zakaz.wrap_modal').css('display','none');
в момент отправки?

Добавлено через 6 минут
Сделайте так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$.ajax({
           type: 'POST',
           url: 'send.php',
           data: msg,
           success: function() {
             console.log('Данные успешно отправлены');
             $('#zakaz.wrap_modal').css('display','none'); 
           },
           error: function ( data ) {
              console.log('Ошибка при отправке данных: ' + data.responseText);
           }
       });
и смотрите что вам пишет консоль?
1
20 / 19 / 5
Регистрация: 04.10.2012
Сообщений: 223
27.07.2016, 09:34  [ТС]
В консоли просто селектор проверял, вот эту строку
JavaScript
1
$('#zakaz.wrap_modal').css('display','none');
, а данные отправляются успешно, приходят на почту, вот только строка не срабатывает
JavaScript
1
$('#zakaz.wrap_modal').css('display','none');
, модальное окно не закрывается.
0
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
27.07.2016, 09:37
Значит у вас ошибка в файле send.php
Допишите ваш запрос как я выше написал и посмотрите что в консоли пишет
1
20 / 19 / 5
Регистрация: 04.10.2012
Сообщений: 223
27.07.2016, 10:42  [ТС]
Всем спасибо, нужно было лишь почистить кэш браузера
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
27.07.2016, 10:42
Помогаю со студенческими работами здесь

Закрытие модального окна
Как сделать, чтобы по клику на картинку из дива closeBox модальное окно закрывалось? в данный момент окно закрывается при клике на...

Закрытие модального окна
Есть модальное окно(как кто то его назвал мИНдальное). Мне нужно что бы по нажатию в не этого окна оно закрывалось, у меня стоит только по...

Закрытие и печать модального окна
Здравствуйте. Есть модальное окно, необходима помощь в написании функционала по его закрытию. А также, его печать. Сейчас печатается вся...

Закрытие всплывающего модального окна по таймеру
Здравствуйте, уважаемые форумчане! Большая просьба: помогите, пожалуйста, реализовать в JavaScript закрытие модального всплывающего окна...

При клике на ссылку - переход по ссылке и закрытие модального окна
Есть модальное окно и в нем несколько ссылок на другие страницы. Нужно чтобы при клике на ссылку срабатывал переход по ней и закрывалось...


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

Или воспользуйтесь поиском по форуму:
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