Держите navbar статически доступным с помощью Spring + Thymleaf

Question

В настоящее время я разрабатываю WebApp с Spring-Boot и Thymeleaf.Интерфейс использует HTML ofc, обычный JS и немного JQuery.

Интересно, каков наилучший подход для сохранения статического отображения панели навигации при нажатии на кнопку, которая приводит к получению недавно отображаемой HTML-презентации с одинаково одинаковымnavbar от Thymeleaf?

До сих пор моя идея заключалась в том, чтобы использовать AJAX после нажатия кнопки, что приведет к созданию новой страницы (загрузка jQuery), ее временное сохранение, исчезновение старого содержимого без панели навигации и исчезновениеновый контент без навигационной панели тоже.

Технология должна быть такой же!Я знаю, с Angular / SPA я бы не столкнулся с этой проблемой.

1. Может кто-нибудь предложить лучшее решение для этого?
2. В чем причина не сделать это?Например, stackoverflow также перезагружает всю страницу, а не только соответствующую часть.И я знаю другие хорошо известные страницы, которые также не поддерживают статическую навигационную панель.

Answer 1

Я думаю, что это не сложно реализовать.

Вам просто нужно использовать ajax-запрос и вернуть представление (контент-центр, правильный HTML) и использовать jquery для загрузки контента из нового HTML.

@RequestMapping("yourrequest")
public String viewName(){return "any";}//view name contain all html which you want to return (it might be jsp, thymeleaf, freemarker...)

На передней стороне:

$("#yourArea").html(newHtml);