Работаем с AJAX в Yii 2

В этой статье мы рассмотрим работу с AJAX в Yii 2 на примере оправки формы.

В начале создадим модель. В рамках данной статьи назовём её просто AjaxTest.

Передадим её в представление в соответствующем действии контроллера. Для примера пусть будет index.

В представлении создадим форму для отправки данных. Отображать ответ сервера мы будем в простом текстовом абзаце.

Внешний вид получившейся формы представлен на рисунке ниже.

Форма после отправки

Напишем обработчик клиентской части. Для этого создадим файл скрипта и подключим его через AppAsset.php как показано ниже.

В самом файле скрипта воспользуемся обычным методом ajax от jQuery.

Теперь остаётся только принять и обработать запрос на сервере. Для этого в нужном контроллере создаём соответствующее действие.

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

Форма до отправки

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *