Node,Express,Ajax和Jade示例

Question

我正在寻找一个简单的Node/Express/Jade页面示例,它使用客户端和服务器端代码的Ajax调用进行更新.

我有点麻烦把它放在我脑海里.

Answer 1

有很多方法可以做到这一点，但您想要采用哪种方法并不是立即显而易见的。

我想最简单的场景是添加一些客户端逻辑来从服务器获取 html 片段并更新客户端。使用 jQuery 可以轻松实现这一点（将其放在文档就绪块中以连接事件）：

$('#button').click(function() {
     $.get('/some/url', {foo: 42}, function(result) {
         $('#target').html(result);
     }
}

这样，您的所有 html 都会在服务器上生成，您只需根据需要获取并将其插入到页面中即可。

您还可以从服务器获取 json 并在客户端上呈现 html，但这是替代方法之一。我强烈建议您看一下TodoMVC - 它是一个待办事项列表应用程序，具有许多不同的实现（每个实现都使用不同的框架），因此是各种方法和帮助程序库的绝佳学习资源。

我还推荐《Hands-on Node.js》一书。它将帮助您了解路由以及如何开始使用 Node.js。