Логотип Tagix
Изображение Изображение

← Назад

tgx:ajax-on-after-request#

Маппинг в data-hx-on-after-request (inline handler после запроса).

Синтаксис#

<div tgx:ajax-on-after-request="console.log(event.detail.xhr.status)"></div>

Пример 1: минимум (копипаст для старта)#

<div tgx:ajax-on-after-request="console.log(event.detail.xhr.status)"></div>

Пример 2: реальный сценарий#

<button tgx:ajax-post="/api/v1/test" tgx:ajax-on-after-request="console.log(event)">Run</button>

Разбор#

Это raw-атрибут: runtime пишет значение как есть в data-hx-on-after-request.

Когда использовать#

  • Когда нужно обновлять часть страницы без полной перезагрузки (формы, фильтры, списки, таблицы).
  • Когда нужно контролировать UX запроса: куда вставить ответ, по какому событию отправить и как обработать подтверждение.

Поведение в runtime#

  • Тип: пользовательская директива.
  • В sandbox директива tgx:ajax-on-after-request: запрещена.
  • Это HTMX-мост: runtime маппит tgx: в соответствующие data-hx- атрибуты.

Параметры#

Обязательные#

Типы#

  • Строка JS-обработчика.

Частые ошибки#

  • Писать тяжелую бизнес-логику в inline handler
  • Использовать небезопасный JS-код в публичных шаблонах

Проверка перед публикацией#

  • Обработчик короткий и не блокирует UI
  • Нет доступа к чувствительным данным через inline-скрипт

См. также#