此响应头可用于触发客户端重定向,而无需重新加载整个页面。它不会更改页面的位置,而是像跟随 hx-boost 链接 一样行事,创建新的历史记录条目,向响应头的数值发出 AJAX 请求,并将路径推入历史记录。
一个示例响应如下:
HX-Location: /test
这将推动客户端测试,就好像用户点击了 <a href="/test" hx-boost="true">。
如果您想重定向到页面上的特定目标,而不是默认的 document.body,可以通过使用 JSON 作为响应头的值来传递更多细节:
HX-Location: {"path":"/test2", "target":"#testdiv"}
Path 是必需的,是加载响应的 URL。其余数据镜像 ajax API 上下文,即:
source - 请求的源元素event - “触发”请求的事件handler - 处理响应 HTML 的回调target - 将响应交换到的目标swap - 响应相对于目标的交换方式values - 与请求一起提交的值headers - 与请求一起提交的头select - 允许您从响应中选择要交换的内容响应头不会在 3xx 响应代码上处理。请参阅 响应头