Node,Express,Ajax和Jade示例

时间:2012-07-29 22:38:10

标签: ajax node.js express pug

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

我在将这一切放在脑海中时遇到了一些麻烦。

1 个答案:

答案 0 :(得分:4)

有很多方法可以做到这一点,并不是很明显你想采取哪种方法。

我认为最简单的方案是添加一些客户端逻辑来从服务器获取html片段并更新客户端。这很容易使用jQuery实现(将其放在文档就绪块中以连接事件):

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

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

您还可以从服务器获取json并在客户端上呈现html,但这是替代方法之一。我强烈建议给TodoMVC一个看 - 它是一个todo-list应用程序,有许多不同的实现(每个使用不同的框架),因此是各种方法和帮助库的一个很好的学习资源。

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