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

Question

Моя форма обратного вызова работает нормально, но когда клиент нажимает кнопку отправки, рядом с кнопками появляется уведомление Your request sent successfully, и если пользователь нажимает несколько раз на кнопку отправки, то несколько запросов отправляются на сервер, но мне нужнокогда пользователи нажимают кнопку обратного вызова, кнопка будет скрыта, и появится новая форма с Your request sent successfully.

 $json = [
            'status' => 1,
            'text' => _('Your request successfully sent')
        ];
        die(json_encode($json));

    } else {

        $error = [
            'status' => 0,
            'text' => _('Write Full name and phone number')
        ];
        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("");
                $("#successMessage").html(data.text);
            } else {
                $("#successMessage").html("");
                $('.product__form__error').html(data.text);
            }
            $("#overLoader").hide();
        },
        error: function() {
            $('.product__form__error').html('<?php echo _("Unknown error"); ?>');
            $("#overLoader").hide();
        }
    });
});

Answer 1

Хорошо, предположим, что ваша кнопка имеет идентификатор myButton , просто добавьте это после $("#overLoader").hide();:

$("#myButton).attr("disabled",true);

Вы можете легко адаптировать это, чтобы скрыть div или полностью удалить элементы изДОМ.