使用 Spring+Thymeleaf 保持导航栏静态可用

Question

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

我想知道在单击按钮时保持导航栏静态显示的最佳方法是什么，从而获得一个新呈现的 HTML 演示文稿，该演示文稿与 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);