Заголовок ответа HX-Location

Этот заголовок ответа можно использовать для перенаправления клиента на стороне клиента без перезагрузки всей страницы. Вместо изменения местоположения страницы он будет действовать как при переходе по hx-boost ссылке, создавая новую запись в истории, отправляя ajax-запрос к значению заголовка и добавляя путь в историю.

Пример ответа:

HX-Location: /test

Что переместит клиента на страницу test так, как будто пользователь нажал на <a href="/test" hx-boost="true">

Если вы хотите перенаправить на определенную цель на странице, а не по умолчанию на document.body, вы можете передать дополнительные данные вместе с событием, используя JSON для значения заголовка:

HX-Location: {"path":"/test2", "target":"#testdiv"}

Путь обязателен и представляет собой URL для загрузки ответа. Остальные данные отражают контекст ajax API, а именно:

• source - элемент-источник запроса
• event - событие, «вызвавшее» запрос
• handler - обратный вызов, который обработает HTML ответа
• target - целевой элемент для замены ответа
• swap - способ замены ответа относительно целевого элемента
• values - значения для отправки с запросом
• headers - заголовки для отправки с запросом
• select - позволяет выбрать содержимое, которое нужно заменить из ответа