Создание записей с фронта. Эпизод #4. Обработка и передача данных с формы через Ajax

Небольшой миникурс по созданию записей с фронта с помщью Ajax и REST API

• ---

  Содержание
  • Первый коммит
  • Второй коммит
  • Третий коммит
  • Четвертый коммит
  • Пятый коммит
  • Шестой коммит
  • Седьмой коммит
  • Документация
  • Заключение

  ---

Исходники проекта

В этом эпизоде полностью настроим получение, обработку и создание записей через Ajax.

Первый коммит

• Создали отдельный класс для обработчика ajax
• Создали отдельный js файл для отправки данных ajax
• Всё подключили и через wp_localize_script создали объект на странице для получения данных о ссылки и нонсе

Второй коммит

• Подключили дополнительный jQuery плагин для сбора данных со всех полей формы
• Написали js для сбора и отправки данных

Третий коммит

• В обработчике проверили наличие и правильность нонсы
• Написали метод валидации простых полей формы на пустоту
• Написали два вспомогательных метода для сообщений об ошибках и успешной отправке

Четвертый коммит

• Написали метод валидации картинок для проверки размера и типа загружаемого файла

Пятый коммит

• Собрали массив со всеми простыми данными с формы для создания записи
• Написали метод добавления записей к нужным таксономиям
• Исправили тип отправляемых данных их поля категории: было — id терма, стало — slug терма

Шестой коммит

• Написали метод прикрепления изображений к создаваемой записи
• Исправили проверку валидации на тип загружаемого файла

Седьмой коммит

• Настроили отправку сообщений об ошибках при пустых полях
• Добавили функцию вывод сообщения
• Настроили сообщение об успешной отправке
• Настроили смену надписи на кнопке при успешной отправке
• Настроили очистку всех полей формы при успешной отправке

Документация

В этом эпизоде использовалась следующая документация

• Ajax в WordPress
• jQuery AJAX загрузка файлов на сервер
• jQuery Form Plugin
• wp_insert_post
• wp_set_object_terms
• media_handle_upload

Заключение

В четвертом эпизоде прошли полный цикл получения, отправки, обработки и создания записей через Ajax.

Удачи! Вопросы, предложения пишите в комментариях, и не забудьте расшарить эту статью в соцсетях! Вам это ничего не стоит, а меня будет мотивировать)