Javascript Backbone.js中的登录处理

我需要一个非常简单的登录系统，用于我的带有backbone.js的web应用程序

工作流程： 应用程序启动->登录时查看->应用程序

这是我的解决办法。我能做得更好吗

登录状态模型：

window.LoginStatus = Backbone.Model.extend({
defaults: {
    loggedIn: false,
    userId: null,
    username: null,
    error: "An Error Message!"
},

initialize: function () {
    _.bindAll(this, 'getSession', 'setStorage');
},

getSession: function (username, password) {
    var tmpThis = this;
    $.getJSON('http://requestURL.de/getSession.php?username=' + username + '&password=' + password, function(data) {
        if (data != null) { 
            tmpThis.setStorage(data.id, data.username);
            $.mobile.changePage("#home");
        }                                   
    });
},
setStorage: function(userId, username) {
    localStorage.setItem("userId", userId);
    localStorage.setItem("username", username);
    this.set({ "loggedIn" : true});
}
});

window.LoginView = Backbone.View.extend({

el: $("#login"),

initialize:function () {
    this.render();
},

events: {
    "click input[type=submit]": "onSubmit"
},

onSubmit: function(event) {
        var username = $(this.el).find("#user-username").val(),
            password = $(this.el).find("#user-password").val();

        this.model.getSession(username, password);

        return false;
},
render:function () {
    if (this.model.get("loggedIn")) {
        var template = _.template( $("#login_template").html(), {} );
    } else {
        var template = _.template( $("#login_template").html(), { "error" : this.model.get("error") } );
    }
    $(this.el).html( template );
}

});

这是我的登录视图：

window.LoginStatus = Backbone.Model.extend({
defaults: {
    loggedIn: false,
    userId: null,
    username: null,
    error: "An Error Message!"
},

initialize: function () {
    _.bindAll(this, 'getSession', 'setStorage');
},

getSession: function (username, password) {
    var tmpThis = this;
    $.getJSON('http://requestURL.de/getSession.php?username=' + username + '&password=' + password, function(data) {
        if (data != null) { 
            tmpThis.setStorage(data.id, data.username);
            $.mobile.changePage("#home");
        }                                   
    });
},
setStorage: function(userId, username) {
    localStorage.setItem("userId", userId);
    localStorage.setItem("username", username);
    this.set({ "loggedIn" : true});
}
});

window.LoginView = Backbone.View.extend({

el: $("#login"),

initialize:function () {
    this.render();
},

events: {
    "click input[type=submit]": "onSubmit"
},

onSubmit: function(event) {
        var username = $(this.el).find("#user-username").val(),
            password = $(this.el).find("#user-password").val();

        this.model.getSession(username, password);

        return false;
},
render:function () {
    if (this.model.get("loggedIn")) {
        var template = _.template( $("#login_template").html(), {} );
    } else {
        var template = _.template( $("#login_template").html(), { "error" : this.model.get("error") } );
    }
    $(this.el).html( template );
}

});

---

我给你的建议是在主干应用程序之外登录，只有在成功登录后，让他们访问“单页应用程序”

你可以参考这个主干项目，它使用POST方法进行登录请求

这对你的应用程序可能并不重要，但这种方法是相当不安全的。如果你正在寻找关于你的代码的一般反馈，可能更合适。