Node, Express, Ajax, and Jade Example

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——它是一个todo列表应用程序，有许多不同的实现（每个实现都使用不同的框架），因此是各种方法和辅助库的绝佳学习资源。

我还推荐HandsonNode.js这本书。它将帮助您了解路由以及如何开始使用Node。