這個回應標頭可以用於觸發客戶端重定向,而無需重新載入整個頁面。它不會更改頁面的位置,而是會像追蹤 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 回應碼上被處理。請參閱 回應標頭