hx-headers

hx-headers 属性允许你添加到将随 AJAX 请求一起提交的 HTTP 头。

默认情况下，此属性的值是JSON格式。

如果你希望 hx-headers 解析给定的值，则可以在值前面加上 javascript: 或 js:。

基本用法

<div hx-get="/example" hx-headers='{"myHeader": "My Value"}'>Get Some HTML, Including A Custom Header in the Request</div>
<div hx-get="/example" hx-headers='js:{myVal: calculateValue()}'>Get Some HTML, Including a Dynamic Custom Header from Javascript in the Request</div>

安全注意事项

默认情况下，hx-headers 的值必须是有效的 JSON。它不是动态计算的。如果你使用 javascript：前缀，请确保你引入了安全处理，尤其是在处理用户输入（如查询字符串或用户生成的内容）时，因为这可能会引入跨站点脚本（XSS）漏洞。

说明

hx-headers 是可以继承并可以放置在父元素上的。
HTTP 头的子声明将覆盖父声明。

JavaScript 解析值示例


<body>
<button type="button"
    hx-get="/test"
    hx-headers="js:{'myKey':test()}"
>Submit</button>
</body>
<script>
function test(){
    return "testValue";
}
</script>