JQuery, ajax and js OOP

Question

I have the following code:

var Foo = function(){
    this._temp="uh";
};

Foo.prototype._handler=function(data, textStatus){
    alert(this._temp);
}

Foo.prototype.run=function(){
    $.ajax({
        url: '....', 
        success: this._handler
    });
}

So when I rum it:

new Foo().run();

And ajax query has come back, the handler is processed and I get error that this._temp is undefined. What is the reason and how to fix it using this code template?

Marc · Accepted Answer · 2015-02-22 15:33:36Z

3

$.ajax({
    url: '....', 
    success: this._handler.bind(this)
});

You need to bind the context of the function.

If you using the debugger (available in the web browser), you will see that this was not referring to your object instance.

answered Feb 22, 2015 at 15:33

Marc

713 bronze badges

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

Collectives™ on Stack Overflow

JQuery, ajax and js OOP

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related