hx-headers

hx-headers 属性允许您为AJAX请求添加额外的请求头。

默认情况下，该属性的值是一个JSON（JavaScript对象表示法）格式的名称-表达式值列表。

如果您希望hx-headers对给定的值进行动态计算，可以在值前加上javascript:或js:前缀。

  <div hx-get="/example" hx-headers='{"myHeader": "My Value"}'>获取HTML，请求中包含自定义请求头</div>

  <div hx-get="/example" hx-headers='js:{myVal: calculateValue()}'>获取HTML，请求中包含来自JavaScript的动态自定义请求头</div>

安全注意事项

• 默认情况下，hx-headers的值必须是有效的JSON。 它不会被动态计算。如果您使用javascript:前缀，请注意这会引入安全风险，特别是当处理用户输入（如查询字符串或用户生成的内容）时， 可能会导致跨站脚本攻击(XSS)漏洞。

• 虽然远非完美的解决方案，但hx-headers属性可以支持后端服务提供CSRF防护。更多信息请参阅CSRF防护部分。

注意事项

• hx-headers具有继承性，可以放在父元素上。
• 子元素声明的请求头会覆盖父元素的声明。