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

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

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

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

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

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

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

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

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

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

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

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

Пятый коммит

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

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

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

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

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

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

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

к содержанию

Заключение

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

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