html - 使用 experss.js 动态更改 HTML

Question

我不确定我是否正确理解了 express MVC：

如果我想制作一个单页应用程序并动态更改 HTML，是否有 express 可以帮助我的东西？或者我是否会得到静态页面，如果我想更改我必须使用前端 JavaScript？

更具体地说，HTML（或 Jade）模板可以以某种方式更改前端的 HTML？

Answer 1

如果我想制作一个单页应用程序并动态更改 HTML，是否有 express 可以帮助我的东西？

是的。

或者我是否会得到静态页面，如果我想更改我必须使用前端 JavaScript？

是的，如果您不想刷新整个页面，则需要在前端使用 JavaScript 来更改页面。

更具体地说，HTML（或 Jade）模板可以以某种方式更改前端的 HTML？

通常，您在 Express.js 中使用的 HTML（或 Jade）模板将生成页面的初始版本。

当用户在浏览器上与页面交互时（比如用户点击链接或从下拉列表中选择某些内容），您的客户端代码将向服务器提交 Ajax 请求，Express.js 将处理此请求并返回 JSON （不是 HTML）返回到客户端，您的前端 JavaScript 将重新填充客户端上的一些数据。请记住，此时您不会从服务器生成更多 HTML。

您的 Express.js 可以为这些请求返回 HTML 而不是 JSON，但这很快就会变得混乱，因此大多数编写单页应用程序的人选择将 JSON 返回给客户端并使用客户端 JavaScript 重新填充需要更新的任何 DOM 元素。