jQuery Ajax和对象字段

Question

I have this code:

MyObject = function(){
    this.field = null;

    this.build = function(){
        var my_url = "...";
        var my_data = "...";
        $.get(my_url, my_data, function(result){
           this.field = result;
        });
    }

    this.get = function(){
        return this.field;
    }
}

object = new MyObject();
object.build();
my_result = object.get() 

my_result now is null because when the inner function is executed this is not my object.
So, how can i set this.field with the $.get returned value???

Answer 1

In the top of your constructor, do:

var self = this;

this creates a new scoped variable that refers to the current object.

Then in the AJAX call back do:

self.field = result;