Атрибут hx-vars

ПРИМЕЧАНИЕ: hx-vars устарел в пользу hx-vals, который по умолчанию безопаснее.

Атрибут hx-vars позволяет вам динамически добавлять параметры, которые будут отправлены с AJAX-запросом.

Значение этого атрибута представляет собой список значений name:<expression>, разделённых запятыми, аналогично внутреннему синтаксису литералов объектов в JavaScript.

<div hx-get="/example" hx-vars="myVar:computeMyVar()">
  Получить некоторый HTML, включая динамическое значение в запрос
</div>

Вопросы безопасности

• Выражения в hx-vars вычисляются динамически, что позволяет вам добавлять код JavaScript, который будет выполняться. Будьте осторожны и никогда не доверяйте пользовательскому вводу в ваших выражениях, так как это может привести к уязвимости межсайтового скриптинга (XSS). Если вы работаете с пользовательским вводом, таким как строки запроса или контент, созданный пользователями, рассмотрите возможность использования hx-vals, который является более безопасной альтернативой.

Примечания

• hx-vars наследуется и может быть размещён на родительском элементе.
• Объявление переменной в дочернем элементе переопределяет объявление в родительском элементе.
• Значения ввода с одинаковым именем будут переопределены объявлениями переменных.