在不刷新页面的情况下渲染 PUG 模板的一部分

Question

我的项目有一个 pug 模板 index.pug。我还制作了 navbar.pug、footer.pug、sidenav.pug。这些文件包含在 index.pug 中。对于服务器端，我使用 node.js、express.js 和 socket.io。现在我只想根据服务器响应更新 navbar.pug 文件。但是当我尝试这样做时，我找到了一些解决方案。但它们都刷新了完整的索引页面。有什么方法可以帮助更新网页的特定部分（在 PUG 中）而不刷新整个页面？提前致谢...

Answer 1

不，pug 只是服务器端的 HTML 处理器。因此，无法执行您在此处描述的操作 - 让 pug 处理更多意味着另一次往返服务器以重新呈现页面。

尽管从技术上讲，您可以使用纯 JavaScript 来完成此操作，但您应该查看像 jquery、React、Angular 或 Vue 这样的客户端库来执行您想要的操作。我们中的许多人将 pug 与这些工具集结合使用来构建现代 Web 应用程序，但使用这些框架，pug 成为编写 HTML 的更快方法，不再是服务器端预处理器。