Backbone.js 视图渲染错误

Question

如果我这样做 - 一切都很好 -

var UserList = Backbone.View.extend({
        el: '.page',
        render: function(){

            var users = new Users();
            users.fetch({
                success: function() {
                    console.log('success');

                }
            })
                this.$el.html('test');

        }
    });

但是当我插入this.$el.html('test'); 进入成功回调我收到一个错误：

类型错误：'undefined' 不是一个对象（评估 'this.$el.html'）

var UserList = Backbone.View.extend({
        el: '.page',
        render: function(){

            var users = new Users();
            users.fetch({
                success: function() {
                    console.log('success');
                    this.$el.html('test');
                }
            })
        }
    });

控制台日志被正确触发。

Answer 1

在success内部，上下文已更改，因此this不再指视图对象（我相信它实际上指的是 JQuery Ajax 对象）。 要解决此问题，您可以使用var self = this保存对视图的引用：

var users = new Users();
var self = this;
users.fetch({
    success: function() {
        console.log('success');
        self.$el.html('test');
    }
})