【问题标题】：Rendering a portion of a PUG template without refreshing page在不刷新页面的情况下渲染 PUG 模板的一部分
【发布时间】：2020-01-06 23:14:00
【问题描述】：
我的项目有一个哈巴狗模板 index.pug。我还制作了 navbar.pug、footer.pug、sidenav.pug。这些文件包含在 index.pug 中。
对于服务器端，我使用的是 node.js、express.js 和 socket.io。现在我想根据服务器响应只更新 navbar.pug 文件。但是当我尝试这样做时，我找到了一些解决方案。但它们都刷新了完整的索引页面。
有没有什么方法可以帮助更新网页的特定部分（在 PUG 中）而不刷新整个页面？
在此先感谢...
【问题讨论】：
标签：
html
node.js
express
pug
【解决方案1】：
不，pug 是仅服务器端的 HTML 处理器。因此，无法执行您在此处描述的操作 - 让 pug 处理更多内容意味着再次往返服务器以重新呈现页面。
虽然从技术上讲，您可以使用纯 JavaScript 来完成此操作，但您应该研究像 jquery、React、Angular 或 Vue 这样的客户端库来做您想做的事情。我们中的很多人将 pug 与这些工具集结合使用来构建现代 Web 应用程序，但有了这些框架，pug 成为了一种更快的编写 HTML 的方式，并且不再是服务器端的预处理器。