Question

我正在写一个游戏服务器，玩家进入游戏室，然后与另一个玩家配对。此时我想在不重新加载页面的情况下显示主板，因此我不必重新启动套接字。

app.js文件中的

socket.on('challangeExcepted', function(playerToMatch){
        if(socket.player.id == playerToMatch.id){ 
            ejs.render('board', {
                units: 19,
                length: 600
            });
        }
});

但是我似乎无法让这个工作。我做错了什么，或者这是不可能的？

Answer 1

据我所知，完全更改html需要重新加载页面。但是，您可以使用res.update('page_element', '/template.ejs', '{whatever: 'you want to update'});

更新模板的动态部分

这是文档 http://code.google.com/p/embeddedjavascript/wiki/Templates

我最后只使用backbone.js来解决我的问题，它允许对html进行大的更改而无需重新加载页面。

Answer 2

尝试pjax：

这是一种仅在页面的某个部分重新加载html并使用pushState更改地址的技术。

https://npmjs.org/package/express-pjax

https://github.com/defunkt/jquery-pjax

http://37signals.com/svn/posts/3112-how-basecamp-next-got-to-be-so-damn-fast-without-using-much-client-side-ui

是否可以在不重新加载页面的情况下呈现ejs模板？

2 个答案: