渲染PUG模板的一部分而不刷新页面

时间:2019-09-04 05:25:40

标签: html node.js express pug

我的项目有一个哈巴狗模板index.pug。我还制作了navbar.pug,footer.pug,sidenav.pug。这些文件包含在index.pug中。 对于服务器端,我正在使用node.js,express.js和socket.io。现在,我只想根据服务器响应更新navbar.pug文件。但是当我尝试这样做时,我发现了一些解决方案。但是它们全部刷新了整个索引页面。 有没有什么方法可以在不刷新整个页面的情况下帮助您更新网页的特定部分(在PUG中)? 预先感谢...

1 个答案:

答案 0 :(得分:4)

不,pug是仅服务器端的HTML处理器。因此,无法执行您在此处描述的操作-使哈巴狗处理更多操作意味着再次往返服务器以重新呈现页面。

尽管从技术上讲,您可以使用普通的JavaScript来做到这一点,但您应该研究诸如jquery,React,Angular或Vue之类的客户端库,以完成所需的工作。我们中的许多人都将pug与这些工具集结合使用来构建现代的Web应用程序,但是有了这些框架,pug成为了编写HTML的较快方法,并且不再是服务器端预处理器。