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

Question

[ниндзя оп оп]

Имеется следующая форма:

<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?

Answer 1

[ThunderCat]

ajax send form

Answer 2

[scottparker]

описываешь событие сабмита для этой формы,в описании, в начале отключаешь все события по умолчанию с помощь preventDefault(), получаешь данные с формы (например с помощью сериализации), потом вызываешь ajax запрос, в параметрах указываешь url- файл обработчик, method: POST, data - это данные с формы (допустим json или строка от сериализации) , success - функции которая выполняется в случае успеха выполнения запроса (в параметрах этой функции указывается аргумент, это текст ответа) и error - функция которая выполняется в случае ошибки запроса.

Comments

[scottparker]

в файле обработчике в зависимости от способа отправки данных get или post, данные будут храниться в соответствующем массиве $_GET или $_POST, с ними дальше и работаешь , текст ответа возвращается через echo, и соответственно обрабатывается в success-функции запроса

[Ярослав Иванов]

сюарелизации

[scottparker]

Ярослав Иванов, ой, все

[ниндзя оп оп]

странно, что всю жизнь я испольозвал не method: 'POST', а type: 'POST' в ajax и всё работало

[scottparker]

Никита Корнеев, оба варианта работают вроде бы. и если ты всю жизнь использовал то смысл вопроса был?