0

私はバックボーンに慣れていないので、1 ページのアプリケーションでモデル属性を渡す方法を見つけようとしています。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

APIキーをいくつかの場所（セッションまたはその他）に保存するのが最善の方法だと思います。この値を取得したい場合は、毎回ログインビューを作成し、この方法でこの属性を取得する必要があるためです。たとえば：

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

ブラウザの観点から見れば、2 つの見慣れたものがあります。

  • セッションストレージ
  • ローカルストレージ

上記のいずれかを使用して、USR_APIKey の値を保存できます。

そうしないと、USR_APIKey 値が必要になるたびに LoginView() を呼び出す必要があり、これは (パフォーマンスの点で) 良い方法ではありません。また、ゾンビ ビューを取り除くために、UI スコープが終了したら各ビューを閉じます。

お役に立てれば

于 2013-11-09T12:05:21.893 に答える