Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在主干js中处理登录的用户模型和视图_Javascript_Backbone.js - Fatal编程技术网

Javascript 在主干js中处理登录的用户模型和视图

Javascript 在主干js中处理登录的用户模型和视图,javascript,backbone.js,Javascript,Backbone.js,我的主干应用程序中有一个登录表单,我想显示一个包含用户状态的视图。我的登录视图如下所示: var LoginView = Backbone.View.extend({ el: $("#login-form"), events: { 'click button': 'login', }, initialize: function () { }, login: function (event) { var self = this

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

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 () {}
        });
    }
});

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

整个过程如下所示

  • 用户点击网站
  • 将创建userSession模型并将其分配给应用程序范围
    App.currentUser=new App.Models.userSession()
  • 使用currentUser
    App.currentUser.fetch()执行提取操作
  • 根据返回,如果存在现有用户会话,则显示用户信息。否则,显示登录视图
  • 登录视图逻辑,在成功回调中<代码>App.currentUser.set(响应)