Задать вопрос
@kur4chyt
Качественный говнокод от производителя

Как отправить форму с помощью AJAX?

Имеется следующая форма:
<form action="/post/create" id="post_create_form" enctype="multipart/form-data" method="post">
                   @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <textarea rows="1" id="text" name='text' placeHolder="Что нового?" class="form-control" required autofocus></textarea>
                                </div>
                            </div>
                            <div class="col-md-6"><input type="file" class="form-control" id="image" name='image' accept="image/*"></div>
                            <div class="col-md-6 "> <button type="submit" id="submitPost" class="btn btn-primary float-right">Опубликовать</button></div>
                        </div>
                        </form>


Как мне сделать её отправку, но с помощью ajax?
  • Вопрос задан
  • 152 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 2
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
Ответ написан
Комментировать
scottparker
@scottparker
описываешь событие сабмита для этой формы,в описании, в начале отключаешь все события по умолчанию с помощь preventDefault(), получаешь данные с формы (например с помощью сериализации), потом вызываешь ajax запрос, в параметрах указываешь url- файл обработчик, method: POST, data - это данные с формы (допустим json или строка от сериализации) , success - функции которая выполняется в случае успеха выполнения запроса (в параметрах этой функции указывается аргумент, это текст ответа) и error - функция которая выполняется в случае ошибки запроса.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы