ajax - Node、Express、Ajax 和 Jade 示例

Question

我正在寻找一个使用 Ajax 调用更新 Node/Express/Jade 页面的简单示例，其中包含客户端和服务器端代码。

我很难将所有这些都放在我的脑海中。

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。