保持导航栏与Spring叶片静态可用

Question

我目前正在开发一个带有Spring Boot和Thymeleaf的WebApp。前端使用HTML ofc、纯JS和一点JQuery。

我想知道，当点击一个按钮时，保持导航栏静态显示的最佳方法是什么，该按钮会导致获得一个新呈现的HTML表示，其中基本上与Thymeleaf的导航栏相同？

到目前为止，我的想法是在单击按钮后使用AJAX，这将导致一个新呈现的页面（jQuery加载），暂时存储它，淡出旧内容而没有导航栏，淡入新内容而没有导航栏。

技术应该是一样的！我知道用Angular/SPA我不会面对这个问题。

1. 有人能提供更好的解决方案吗？
2. 不这样做的原因是什么？例如，stackoverflow也会重新加载整个页面，而不是仅加载相关部分。我知道其他众所周知的页面也不会保持navbar静态。

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);