HX-Location 响应头

此响应头可用于触发客户端重定向，而无需重新加载整个页面。 它不会更改页面的位置，而是会像遵循 hx-boost 链接 一样，创建新的历史记录条目，向头部的值发出 AJAX 请求，并将路径推入历史记录中。

示例响应如下

HX-Location: /test

这将把客户端推送到 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 响应代码不会处理响应头。 查看 响应头。