hx-vars

注意：hx-vars 已被弃用，建议使用更安全的 hx-vals。

hx-vars 属性允许您动态添加将与 AJAX 请求一起提交的参数。

该属性的值是一个以逗号分隔的 name:<expression> 值列表，与 JavaScript 对象字面量 的内部语法相同。

  <div hx-get="/example" hx-vars="myVar:computeMyVar()">Get Some HTML, Including A Dynamic Value in the Request</div>

安全注意事项

• hx-vars 中的表达式是动态计算的，允许您添加将被执行的 JavaScript 代码。请务必注意，切勿在表达式中信任用户输入，因为这可能会导致 跨站脚本 (XSS) 漏洞。如果您处理用户输入（如查询字符串或用户生成的内容），请考虑使用 hx-vals，它是一个更安全的替代方案。

备注

• hx-vars 是继承的，可以放在父元素上。
• 子元素的变量声明将覆盖父元素的声明。
• 具有相同名称的输入值将被变量声明覆盖。