jQuery ajax and javascript objects

Question

i've used prototype before, and i'm trying to learn jquery now. The problem: I have an object that makes an ajax call, and i want the success callback to call a function within my object. The problem is that inside the callback function, "this" does not point to my original class.

Example:

function C(){
    this.loadData();
}
C.prototype.loadData = function(){
    $.ajax({
       url:"URL/",
       dataType:'json',
       success:this.dataRetreived
    });
}
C.prototype.dataRetreived = function(JSON){
    console.info(this);
    console.info(JSON);
}

Using Prototype i'd could simply use .bind(this), but jquery has a different way of doing things..

Incidentally function.bind as in Prototype is a standard part of ECMAScript Fifth Edition so you'll be able to use it anyway in the future without having to hack the function prototype. — bobince
– bobince, Commented Feb 13, 2010 at 13:33
@bobince: this will be a nice addition, especially because i tend to use .bind alot... — Quamis
– Quamis, Commented Feb 13, 2010 at 13:40
Yeah, me too (though through patching Function.prototype myself, as I don't use Prototype). Between this, the Strict Mode fixes, and the addition of long-standard Mozilla features to the language, JavaScript is finally getting a bit less horrible. — bobince
– bobince, Commented Feb 13, 2010 at 13:56

Pointy · Accepted Answer · 2010-02-13 13:06:10Z

3

There's a "proxy" method in jQuery 1.4 that's kind-of like "bind" in Prototype or Functional:

  success: $.proxy(instanceOfC, C.prototype.dataRetrieved)

answered Feb 13, 2010 at 13:06

Pointy

415k62 gold badges600 silver badges631 bronze badges

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

3 Comments

Quamis Over a year ago

i'm now testing this variant, seems that the .proxy does the trick... but it seems that my json string returned from the server is invalid.... window.JSON.parse('{ret:"d"}') seems to be considered invalid in firefox (tried thia in the firebug console and it raises SyntaxError: JSON.parse { message="JSON.parse", more...}. Any ideeas why is says that?

Quamis Over a year ago

i've figured it out... seems like the valid syntax for json is '{"ret":"d"}'...

Quamis Over a year ago

also, there seems to ba an context attribtue to the AJAX request, that does the same trick:)

Collectives™ on Stack Overflow

jQuery ajax and javascript objects

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related