0

我是骨干新手，并试图弄清楚如何通过我的单页应用程序传递模型属性。我正在使用带有 jquery、requirejs 和下划线的主干。

我的代码看起来像模型：

    define([
    'jquery',
    'underscore',
    'backbone'
], function ($, _, Backbone) {

    'use strict';

    var sessionCall = Backbone.Model.extend({

        url: "http://myserver/sessionCall",

        defaults: {
            APIKey: 'NULL'
        },

        initialize: function() {

            $.ajaxPrefilter( function( options, originalOptions, jqXHR ) {
                options.crossDomain ={
                    crossDomain: true
                };
                options.xhrFields = {
                    withCredentials: false
                };
            });
            return this;
        }
    });

    return sessionCall;
    });

登录视图：

 define([
    'jquery',
    'underscore',
    'backbone',
    'router',
    'models/mSessionCall',
    'text!tpl/login.html'
], function ($, _, Backbone, AppRouter model, tpl) {

   // var loginView = Backbone.View.extend({ //if used //return loginView; below

    return Backbone.View.extend({

        events: {
            "click #clb_login":         "callLoginCheck",
            "click #clb_newAccount":    "callNewAccount"
        },

        initialize: function () {

        },

        el: $('#container'),
        render: function () {

            var template = _.template(tpl);
            this.$el.html(template());
        },

        callLoginCheck: function (e) {
            e.preventDefault(); //Don't let this button submit the form

            var loginCheck = new model();
            //Save working version
            loginCheck.save( {
                success: function (loginCheck, data) {
                    loginCheck.set({USR_APIKey: data[0]['USR_APIKey']});
                    appRouter.navigate('home', true);
                },
                error: function(loginCheck, response) {
                    console.log('error');
                    appRouter.navigate('', true);
                }
            });
        },

        callNewAccount: function () {
            appRouter.navigate('newAccount', true);
        }
    });
});

主页视图：

最重要的是工作完美。但是我如何在不同的视图中使用我的 USR_APIKey，因为我需要这个密钥才能在我的 REST 服务器上更新/获取/删除我的日期。

有任何想法吗 ？谢谢

4

2 回答 2

0

从浏览器的角度来看，我们有两件熟悉的事情。

  • 会话存储
  • 本地存储

您可以使用上述任何一种方法来存储 USR_APIKey 的值。

否则，每次需要 USR_APIKey 值时都必须调用 LoginView()，这不是一个好的做法（就性能而言）。为了摆脱僵尸视图，我们在 UI 范围结束时关闭每个视图。

希望这可以帮助

于 2013-11-09T12:05:21.893 回答
0

我认为最好的方法是将您的 api 密钥保存在某些地方（会话或其他），因为如果您想获取此值，您必须每次都创建一个登录视图并以这种方式获取此属性，例如：

this.loginView = new LoginView();
this.loginView.model.get('APIKey');
于 2013-11-09T11:53:10.100 回答