Javascript OOP - jQuery calling "this" inside ajax request

Question

I would like to make an ajax request that still retains access to the current object. Does anyone know if this is possible?

Example of what I'd like to do:

function mobile_as(as_object, inputID) {
    this.object = 'something';
    if (as_object) this.object = as_object;
    this.inputID = inputID;

    // Get results for later usage.
    this.get_results = function(value) {
            this.request = $.getJSON("URL", { as: this.object }, function (data) {
                // Scope of "this" is lost since this function is triggered later on.
                if (data['status'] == "OK") {
                    alert(this.inputID);
                }
            });
        }
    }
}

@jrummell That's subjective isn't it? stackoverflow.com/questions/107464/… — teynon
– teynon, Commented Mar 23, 2012 at 20:07
People who think OOP means "Class" generally stink at OOP in any programming language. — Erik Reppen
– Erik Reppen, Commented Mar 23, 2012 at 21:31

asawyer · Accepted Answer · 2015-07-15 12:26:01Z

10

Closures to the rescue:

function mobile_as(as_object, inputID) {
    var self = this; // <---------
    this.object = 'something';
    if (as_object) this.object = as_object;
    this.inputID = inputID;

    // Get results for later usage.
    this.get_results = function(value) {
            this.request = $.getJSON("URL", { as: this.object }, function (data) {
                // Scope of "this" is lost since this function is triggered later on.
                self.... //self is the old this
                if (data['status'] == "OK") {
                    alert(self.inputID);
                }
            });
        }
    }
}

edited Jul 15, 2015 at 12:26

answered Mar 23, 2012 at 19:52

asawyer

17.8k8 gold badges63 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

teynon Over a year ago

Do you know if self becomes a reference or a copy? I did that earlier, but I fear if I do that and the actual object gets modified during the request, I'll essentially create a race condition. Or does using this create a reference?

jnrbsn Over a year ago

@Tom Objects are always assigned by reference in JavaScript.

Collectives™ on Stack Overflow

Javascript OOP - jQuery calling "this" inside ajax request

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related