javascript - 处理登录的用户模型并在主干 js 中查看

Question

我的主干应用程序中有一个登录表单，我想显示一个包含用户状态的视图。我的登录视图如下所示：

var LoginView = Backbone.View.extend({
    el: $("#login-form"),
    events: {
        'click button': 'login',
    },
    initialize: function () { },
    login: function (event) {
        var self = this;
        event.preventDefault();
        var url = '/api/auth/login';
        $.ajax({
            url: url,
            type: 'POST',
            data: this.$el.serialize(),
            success: function () {}
        });
    }
});

保存用户对象、显示登录状态视图并在页面重新加载时恢复它的最佳方法是什么？

Answer 1

整个过程看起来是这样的。

1. 用户点击网站。
2. 创建 userSession 模型并将其分配给应用程序范围App.currentUser = new App.Models.UserSession()
3. 使用 currentUser 获取App.currentUser.fetch()
4. 根据返回，如果存在用户会话，则显示用户信息。否则，显示登录视图。
5. 登录视图逻辑，在成功回调中。App.currentUser.set(response)