как отправлять формы без перезагрузки

178

24 декабря 2018, 18:40

Подскажите как сделать что бы после отправки просто на той же странице вместо формы показать модальное окно об успешном отправлении, сейчас после отправки я вижу пустую страницу

Answer 1

Тут все зависит от того что вы хотите послать, и как будете обрабатывать ответ, самый простой вариант будет выглядеть примерно так:

<form id="form">
 <!-- inputs -->
</form>
<script>
    var form = document.getElementById('form');
    form.addEventListener('submit', event => {
        event.preventDefault();
        var body = new FormData(form);
        fetch('https://api.exemple.com', {
            method: 'POST',
            body: body
        }).then((response) => {
            // Удачный запрос
        }).catch((error) => {
            // Завершился ошибкой
        });
    });
</script>