Процесс обработки Ajax запросов в WordPress не такой сложный как может показаться на первый взгляд. Что потребуется для выполнения Ajax запроса?
- Инициатор запроса на клиенте
- Обработка запроса на стороне WordPress
1. Клиентская сторона
В роли инициатора на клиенте будет выступать библиотека JQuery (можно использовать другие библиотеку позволяющие посылать HTTP запросы или использовать объект JavaScript — XMLHttpRequest. Для упрощения логики — скрип будет вызываться по клику на кнопку.
1.1 Кнопка для отправки Ajax запроса
1.2 Обработка нажатия кнопки и отправка запроса
2. Обработка на стороне WordPress (Backend)
2.1 URL для Ajax запросов WordPress
В первую очередь необходимо предоставить страницам сайта информацию о том куда посылать запрос, в листинге кода на клиентской стороне ссылка указана как ajaxdata.url. Для достижения этой цели необходимо в файле function.php после подключения вашего JavaScript файла вставить следующую строку:
Где ‘main’ — название вашего скрипта. После выполнения этих действий объект ‘ajaxdata’ будет доступен на всех страницах сайта где подключен JS файл с рабочим названием «main».
2.2 Обработчик запросов
Последним шагом необходимо написать непосредственно сам обработчик запроса, для этого в function.php нужно вставить следующий код:
Если все сделали правильно, то при нажатии на кнопку должно появиться всплывающее окно с данными которые были посланы с помощью Ajax запроса.
Итог
Таким образом был разобран классический, простой метод организации обработки Ajax запросов в WordPress. Однако этого материала достаточно для понимания принципов работы данного механизма.