Как отправить данные из формы html через ajax jquery?

Question

[voproser]

<form method="post" action="#" id="ajax_form" action="">
    <div class="row">
        <div class="col-6 col-12-mobile">
            <input type="text" name="email" placeholder="Email" />
        </div>
        <div class="col-6 col-12-mobile">
            <input type="password" name="password" placeholder="Пароль" />
        </div>
        <div class="col-12">
            <input type="button" id="btn" value="Регистрация" />
        </div>
    </div>
</form>

Уже 100 раз пробовал отправить через ajax эту форму. НЕ ПОЛУЧАЕТСЯ.

Comments

[Михаил]

А как вы ПРОБОВАЛИ?

Answer 1

[Web Dentist]

Вопрос на самом деле элементарный. Но раз уж вы сто раз пробовали, то попробуем вам помочь.
Для начала подключите jquery.

Потом попробуйте вот так -

let form = $('#ajax_form').
 $.ajax({
                            url: form.attr('action'),
                            type: "POST",
                            data: form.serialize(),
                            async: false,
                            success: function (data) {
                                console.log(data);
                            }
                        });

И почитайте ещё про ajaxSubmit.

Comments

[jugo45]

Вы забыли про это