javascript - ajax成功访问类函数

Question

这个问题已经有答案了:

How to access the correct `this` inside a callback (15 个回答)

已关闭 7 年前。

我试图在ajax成功回调中分配一个变量。我知道为了分配值我需要使用回调函数。但我希望该函数位于类内部。是否有可能实现这样的东西？

function callMgmt_class() {

        this.room_id                = 'Error';

        this.assignRoomVar = function(room_id) {

            alert();
            this.room_id = room_id;

        }
        this.getRoomID = function() {

            $.ajax({

                url: "/get_room_id.php",
                dataType: "json",
                success: function(data) {

                    this.assignRoomVar(data.room_id);

                }

            })

        }
    }

有什么方法可以使用绑定(bind)吗？我尝试过:

success: function(data) {

    (function() { this.assignRoomVar(data.room_id); }).bind(this);

}

所以我没有收到任何错误，但该函数似乎没有被调用。

Answer 1

您对此的使用是有缺陷的。回调中的“this”将使用回调的上下文，而您需要的是类的上下文。您可以通过将“this”上下文缓存在变量中并使用它来实现这一点。

this.getRoomID = function() {
        var me = this;
        $.ajax({

            url: "/get_room_id.php",
            dataType: "json",
            success: function(data) {

                me.assignRoomVar(data.room_id);

            }

        })

    }