Ожидание в AJAX запросе

@endangered28 · Регистрация: 11.10.2017

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

Добрый день. Хочу сделать чтобы после заполнения формы и нажатия sumbit внизу всплывал текст "Идет отправка, подождите" когда выполняется ajax запрос, а после выполнения эта надпись скрывалась и появлялась другая - " Спасибо , ваш сообщение отправлено". Вторая надпись выводится после обработки запроса, а которая в процессе должна - нет. Что не так делаю? Вот кусок кода:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
$(document).ready(function () {
 
    $("#mod-body form").submit(function () {
 
        var button = $(this).find('input[type="submit"]');
        //button.attr('disabled','disabled');
        $("#mod-body #testOk").css({"display":"none"});
        $("#mod-body #testWait").hide();
        var listSbjs ='';
        if (sbjs.get.current.typ!='(none)')     { listSbjs +="Тип трафика: "+(sbjs.get.current.typ)+'\n';}
        if (sbjs.get.current.src!='(none)')     { listSbjs +="Источник: "+(sbjs.get.current.src)+'\n';}
        if (sbjs.get.current.mdm!='(none)')     { listSbjs +="Канал: "+(sbjs.get.current.mdm)+'\n';}
        if (sbjs.get.current.cmp!='(none)')     { listSbjs +="Кампания: "+(sbjs.get.current.cmp)+'\n';}
        if (sbjs.get.current.cnt!='(none)')     { listSbjs +="Контент: "+(sbjs.get.current.cnt)+'\n';}
        if (sbjs.get.current.trm!='(none)')     { listSbjs +="Ключевое слово: "+(sbjs.get.current.trm)+'\n';}
        if (sbjs.get.current_add.fd!='(none)')  { listSbjs +="Дата и время первого визита: "+(sbjs.get.current_add.fd)+'\n';}
        if (sbjs.get.current_add.ep!='(none)')  { listSbjs +="Точка входа: "+(sbjs.get.current_add.ep)+'\n';}
        if (sbjs.get.current_add.rf!='(none)')  { listSbjs +="Реферер: "+(sbjs.get.current_add.rf)+'\n';}
        if (sbjs.get.session.pgs!='(none)')     { listSbjs +="Сколько страниц сайта посмотрел посетитель: "+(sbjs.get.session.pgs)+'\n';}
        if (sbjs.get.session.cpg!='(none)')     { listSbjs +="URL текущей страницы посетителя: "+(sbjs.get.session.cpg)+'\n';}
        if (sbjs.get.udata.vst!='(none)')       { listSbjs +="Сколько раз пользователь посещал сайт: "+(sbjs.get.udata.vst)+'\n';}
        if (sbjs.get.udata.uag!='(none)')       { listSbjs +="Текущий браузер: "+(sbjs.get.udata.uag);}
        var
            formName  = $(this)./*parent("form").*/find('span.hh2').text(),
            formID    = $(this)./*parent("form").*/attr('id'),
            formNm    = $('#' + formID),
            formHref  = (window.location.href),
            data_solo = formNm.serialize();
        //alert(formName+formID+formHref);
        data_solo += '&id_form_tmp_name='+formID+'&page='+formHref+'&form_name='+formName+'&detail_txt='+listSbjs+'&dvadva=43';
        
        
        if ($('.custom-checkbox').hasClass('active')){
            $('.agree-error').hide();
          $("#mod-body #testWait").show();
            $.ajax({
                url: "/include/ajax_scripts/mail.php",  // /ajax.handler.php   /handlers/feedback.php
                type: "POST",
                dataType: "json",
                data: data_solo,
                success: function (data) {
                    
                        if (data.result==='') {
 
                            $("#mod-body #"+formID+" #testOk").css({"display":"block"});
                            
                            inputErrClear("#mod-body input[type='tel']",".tel-err");
                            inputErrClear("#mod-body input[name='name']",".name-err");
                            inputErrClear("#mod-body input[name='time']",".tel-err");
                            inputErrClear("#mod-body textarea[name='message']",".msg-err");
                            inputErrClear("#mod-body input[type='email']",".mail-err");
 
                            $(formNm).find("input[name='sub']").attr('disabled','disabled');
                            setTimeout(function(){$(formNm).find("input[name='sub']").removeAttr('disabled');}, 4000);   
                        }
                        else{
                            
                            if (data.result == "call-form") {
                                inputErr("#mod-body #"+formID+" input[type='tel']",".tel-err");
                                inputErr("#mod-body #"+formID+" input[name='name']",".name-err");
                            }
                            else if (data.result == "gift-form"){
                                inputErr("#mod-body #"+formID+" input[name='name']",".name-err");
                                inputErr("#mod-body #"+formID+" input[type='email']",".mail-err");
                                inputErr("#mod-body #"+formID+" input[name='tel']",".tel-err");
                            }   
                            else if (data.result == "message-form"){
                                inputErr("#mod-body #"+formID+" input[name='name']",".name-err");
                                inputErr("#mod-body #"+formID+" input[type='tel']",".tel-err");
                                inputErr("#mod-body #"+formID+" textarea[name='message']",".msg-err");
                            }
                        }
                        button.removeAttr('disabled');
                        
                    
                },
                error: function (data) {
                    button.removeAttr('disabled');   
                }
            });
        }
        else {
            $('.agree-error').show();
        }
        
        return false;
    });
});

На сайте 3 формы, вот одна из них для примера:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form action='' id='call-form' method='post'>
        <i class='fa fa-close'></i>
        <span class='hh2'>Заказать обратный звонок</span>
        <input name='name' placeholder='Введите имя*' type='text'>
        <span class='name-err'>Вы не ввели имя</span>
        <input name='tel' placeholder='7 ( _ _ _ ) _ _ _ _ _*' type='tel'>
        <input name='time' placeholder='Введите время' type='text'>
        <span class='tel-err'>Вы не ввели телефон</span>
 
        <div class="agree-line">
          <div class="custom-checkbox"></div>
          <div class="agree-description">Согласен с <a href="/upload/agree.pdf" target="_blank">условиями об использовании сайта</a></div>
        </div>
 
        <div class="agree-error">Необходимо принять согласие на обработку персональных данных!</div>
 
        <input disabled name='sub' type='submit' value='Отправить'>
        <p id="testWait">Пожалуйста,подождите</p>
        <p id="testOk">Спасибо, Ваше сообщение  отправлено</p>
      </form>

Добавлено через 7 минут
ps. не сделал снова hide этой строчки после успешного запроса, потому что хотел чтобы она в хотя бы при выполнении запроса появлялась

Добавлено через 14 минут
Блин,наверно надо было тему создать в javascript, a не в jQuery...

@Уф · 31.10.2017, 17:57

внутри success в любом месте воткни

JavaScript
1
$("#mod-body #testWait").hide();

@endangered28 · 31.10.2017, 19:42 **[ТС]**

Так а че ее скрывать пока,если она даже не появляется сначала?

@Уф · 31.10.2017, 19:45

в восьмой строке измени на .show()

@endangered28 · 31.10.2017, 20:11 **[ТС]**

спасибо!А то сильно тупил с логикой выполнения скрипта

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

@endangered28 2 / 2 / 4 Регистрация: 11.10.2017 Сообщений: 47
	31.10.2017, 19:42 [ТС]
	Так а че ее скрывать пока,если она даже не появляется сначала? 0

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	31.10.2017, 19:45
	в восьмой строке измени на .show() 0

@endangered28 2 / 2 / 4 Регистрация: 11.10.2017 Сообщений: 47
	31.10.2017, 20:11 [ТС]
	спасибо!А то сильно тупил с логикой выполнения скрипта 0