主干网使用现有模型数据，无需再次调用服务器

Question

我是骨干网络的新手，我认为最棒的事情之一是我可以访问数据而无需返回服务器。在我的应用程序的旧版本中，我使用 jQuery.data 将数据哈希存储在 dom 节点中。

所以我有一个消息列表，当我单击一条消息时，我想转到一个显示更多详细信息的视图，但我需要的所有详细信息已经在原始列表中，所以我实际上不需要另一个运行到服务器，我只想更新视图。

然后，当我想返回到列表时，我不需要返回到服务器，我只想返回到原始列表。

我的路线如下所示，我尝试将“messages”变量传递到 show 函数中，但该函数无法使用它。

我是否误解了骨干的能力？

App.Routers.Messages = Backbone.Router.extend({
    routes: {
        "":             "index",
        "messages/:id":     "show"
    },

    show: function(id){
        var message = new Message({ id: id});
        message.fetch({
            success: function(model, resp){

                new App.Views.Show({ model: message});
            },
            error: function(){
                new Error({message: "Hey!? Were'd it go? sorry I can't find your message"});
                window.location.hash = '#';
            }
        });
    },

    index: function(){

        var messages = new App.Collections.Messages();
        message.fetch({
            success: function(){

                  new App.Views.Index(messages);

            },
            error: function(){
                new Error({ message: "did not find message :("});
            }
        });


    }

Answer 1

您也可以使用 Backbone 做您想做的事情。

您需要做的唯一更改是将模型集合设置为全局可访问变量。

所以在索引函数中替换

var messages = new App.Collections.Messages();

为

App.messages = new App.Collections.Messages();

然后在你的显示函数中替换

var message = new Message({ id: id});

为

var message = App.messages.get(id);

Answer 2

问题是路由器的工作原理与此完全相同：路由，一旦您单击 messages/:id 视图，它就会重新初始化新消息模型等。如果您将获取移动到您的初始化方法查看并返回该视图作为所谓的单例（例如，仅在应用程序中初始化一次），您不需要进行另一次服务器调用。