В предыдущей статье мы с вами подгружали контент с использованием плагина Jquery – jScroll, сегодня мы займемся тем же самым, а именно подгрузкой контента, но только с использованием Ajax API Drupal 8.

Преимущество использования Ajax API достаточно существенны, а именно нам нет необходимости использовать сторонние плагины, которые дополнительно будут подгружаться на страницу.

По сути, реализация достаточно простая. Все что нам нужно это обычная реализация ajax ссылки, callback которой будет принимать NID ноды и отдавать отрендеренный результат в указанный селектор DOM дерева. Итак, как всегда, вся реализация будет в модуле, в моем случае он будет называться – load_content.

В Drupal 7 впервые появился Ajax API, который достаточно удобен и к тому же был способен расширяться путем написания своих кастомных Ajax функций. В Drupal 8 Ajax API никуда не делся, но стал более информативным и еще более гибким.

Сейчас мы с вами создадим простую Ajax ссылку, которая будет возвращать alert() с переданным параметром.

Создание Ajax ссылки можно разбить на 2 основных этапа:

1. Создание контроллера
2. Определение Ajax комманд

В прошлой статье мы с вами реализовали ajax автодополнение для текстового поля формы, все у нас прекрасно работало, но было одно неудобство – после выбора значения из списка автодополнения, нам приходилось бы нажимать кнопку поиск, что по сути является лишним действием для пользователя.

Сегодня мы займемся реализацией Ajax автодополнением для текстового поля формы в Drupal 7. Скорее всего, вы не раз уже такое встречали на различных сайтах. Например, нечто подобное используется во всех популярных поисковых системах, при вводе какого-либо запроса в поисковую строку, что значительно увеличивает взаимодействие пользователя с сайтом.

Для тех, кто активно использует Ajax, при разработки своих приложений, не редко встает вопрос стилизации прелоадера выполнения Ajax. Прелоадер – это некий элемент, который, как правило, визуально сообщает пользователю о выполнении ajax команды. По умолчанию в Drupal – прелоадер выглядит так:

Привлечение пользователей на сайт, для многих администраторов, является «целью жизни», а что бы пользователь зарегистрировался в системе, так здесь вообще целая эпопея. Сейчас пользователи совершенно не хотят создавать аккаунты на сайтах, если конечно, после регистрации они не получат дополнительную функцию (бонус) по использованию данного ресурса.

Итак, из предыдущих двух уроков мы с вами научились создавать простейшую форму, а так же писать функции валидации и обработки формы, сейчас же мы займемся выполнением данных функций с использованием Ajax, т.е. без перезагрузки страницы.

Как то, для одного из проектов, мне было необходимо выводить статьи сайта, а именно полное содержимое ноды, в модальное окно и желательно через Ajax, дабы не нагружать страницу с тизерами. Первое, что пришло в голову – это использовать Colorbox_node, но согласитесь, что для получения простейшего функционала использовать достаточно объёмную библиотеку данного плагина не самая хорошая идея, поэтому я написал небольшой модуль, который реализует данный функционал без подключения дополнительных плагинов jQuery, а использует лишь фреймворк Ajax Drupal.