tgx:ajax-on-after-request — Маппинг в `data-hx-on-after-request` (inline handler после запроса)
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-атрибуты.
Частые ошибки#
- Писать тяжелую бизнес-логику в inline handler
- Использовать небезопасный JS-код в публичных шаблонах
Проверка перед публикацией#
- Обработчик короткий и не блокирует UI
- Нет доступа к чувствительным данным через inline-скрипт
См. также#
Связанные статьи
tgx:ajax-on-after-request — Маппинг в `data-hx-on-after-request` (inline handler после запроса)
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-атрибуты.
Частые ошибки#
- Писать тяжелую бизнес-логику в inline handler
- Использовать небезопасный JS-код в публичных шаблонах
Проверка перед публикацией#
- Обработчик короткий и не блокирует UI
- Нет доступа к чувствительным данным через inline-скрипт