如何在node.js中重新渲染HTML div？

Question

我正在使用node.js构建我的第一个应用程序。

此应用程序将Express用作带有Jade模板引擎的Web应用程序框架。

我需要设计一个屏幕，该屏幕显示从MongoDB数据库检索的项目列表。

最初，在显示项目列表时，数据是从控制器发送的，并且格式化是在Jade模板中完成的。

但是，我还需要通过ajax调用来更新项目列表。

我发现很难为此特定流程设计合适的方法。

我有以下选择：

1. 从ajax响应中发送项目列表。
2. 使用JavaScript呈现UI组件-添加CSS类，准备html。

但是，这种方法非常脆弱。 Web浏览器中也会公开很多代码。

我来自JSF，它具有重新渲染组件的内置功能。

可以将node.js，ajax和re-render结合在一起吗？

Answer 1

您可以创建另一个路由器，例如“ partialList”，在其中仅放置列表的HTML，并在ajax请求上填充并使用Jade模板呈现该列表。 然后在浏览器中（假设您使用jQuery），您可以向http://example.com/partialList发出请求，您将只获得HTML，然后使用.html（）方法将该HTML放到必须放置列表的地方。

$.get('http://example.com/partialList', function (listHTML) {
  $('#list-placeholder').html(listHTML);
});

Answer 2

您应该使用现代的客户端Web开发框架，例如AngularJS，它将自动完成所有这些工作。

Answer 3

最简洁的答案是不。 节点在服务器上。 您必须在客户端上渲染。 您将需要一些js来以一种或另一种方式呈现ajax。

您的替代方法是将客户端重定向到一个新页面，并用您希望的方式呈现html，这感觉很漂亮1999