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

177
10 февраля 2020, 01:20

На сайте есть форма обратного звонка, когда клиент заполняет поля и нажимает на "отправить" то рядом с баттоном появляется слово "Ваш запрос успешно отправлен", но мне нужно чтобы при нажатии на кнопку отправить, в той же форме все баттоны исчезали и вместо них выводило "Ваш запрос успешно отправлен"

    $json = [
            'status' => 1,
            'text' => _('Ваш запрос успешно отправлен')
        ];
        die(json_encode($json));
    } else {
        $error = [
            'status' => 0,
            'text' => _('Заполните ФИО и Номер телефона')
        ];
        die(json_encode($error));
    }
}

ajax код

$.ajax({
            url: "../../engine/ajax/eogpo.php",
            type: "POST",
            dataType: "JSON",
            data: {
                action: 'orderCallWidget',
                phone: $('#phoneWidget').val(),
                FIO: $('#FIOWidget').val(),
                data: $('input, select').serialize()
            },
            beforeSend: function() {
                $("#overLoader").show();
            },
            success: function(data) {
                if(data.status) {
                    $('.product__form__error').html("").hide();
                    $("#successMessage").html(data.text);
                } else {
                    $("#successMessage").html("");
                    $('.product__form__error').html(data.text);
                }
                $("#overLoader").hide();
            },
            error: function() {
                $('.product__form__error').html('<?php echo _("Неизвестная ошибка"); ?>');
                $("#overLoader").hide();
            }
        });
    });
Answer 1

Отправляете данные формы по ajax, и в случае успеха в теле success, делаете все что угодно

$.ajax({
     type: "POST",
     url:  "request.php",
     data: form.serialize(),
     success: (data) => {
        // Тут ваш код после успешной отправки
     }
}

В интернете полно примеров данной реализации.

READ ALSO
Lazy для this.props.children

Lazy для this.props.children

Подскажите, есть ли вариант использовать thisprops

193
В чем смысл конструкции Bar.prototype = new Foo() [дубликат]

В чем смысл конструкции Bar.prototype = new Foo() [дубликат]

Объясните пожалуйста, почему происиходит вызов функции?

191
Обьект в массиве

Обьект в массиве

у меня возникла такая проблемау меня есть изображения который я добавляю в массив

205
Yandex Mapas Api не верно работает panTo

Yandex Mapas Api не верно работает panTo

Хочу "перелететь" из текущей позиции в место, указанное по координатам

181