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

@dimon888951 · Регистрация: 04.10.2012

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

Задача такова, нужно после отправки данных из формы в модальном окне закрыть это окно. Делаю так:

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');

, все работает и окно скрывается.

@AmateR62 · 27.07.2016, 08:19

А разметка какая? Если в консоли срабатывает

JavaScript
1
$('div#zakaz.wrap_modal').css('display','none');

значит намудрили с селектором

Кстати, div можно не указывать, это уже избыточно, замедляет поиск элемента

@dimon888951 · 27.07.2016, 08:26 **[ТС]**

Да я пробовал по разному, но событие не отрабатывает в success, хотя вот тестирую в консоли с тем же селектором, все работает. То же самое пытался проделать, чтобы убрать введенные значения с полей при успешной отправке, использовал конструкцию.

JavaScript
1
$(".reset").val(' ');

, где классы присвоены инпутам, тоже не срабатывает.

@AmateR62 · 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);
           }
       });

и смотрите что вам пишет консоль?

@dimon888951 · 27.07.2016, 09:34 **[ТС]**

В консоли просто селектор проверял, вот эту строку

JavaScript
1
$('#zakaz.wrap_modal').css('display','none');

, а данные отправляются успешно, приходят на почту, вот только строка не срабатывает

JavaScript
1
$('#zakaz.wrap_modal').css('display','none');

, модальное окно не закрывается.

@AmateR62 · 27.07.2016, 09:37

Значит у вас ошибка в файле send.php
Допишите ваш запрос как я выше написал и посмотрите что в консоли пишет

@dimon888951 · 27.07.2016, 10:42 **[ТС]**

Всем спасибо, нужно было лишь почистить кэш браузера

Новые блоги и статьи Все статьи Все блоги /
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 . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@AmateR62 118 / 118 / 87 Регистрация: 24.02.2014 Сообщений: 404
	27.07.2016, 09:37
	Значит у вас ошибка в файле send.php Допишите ваш запрос как я выше написал и посмотрите что в консоли пишет 1

@dimon888951 20 / 19 / 5 Регистрация: 04.10.2012 Сообщений: 223
	27.07.2016, 10:42 [ТС]
	Всем спасибо, нужно было лишь почистить кэш браузера 0