How to pass context in jquery ajax success callback function

Question

var Box = function(){ this.parm = {name:"rajakvk",year:2010}; Box.prototype.jspCall = function() { $.ajax({ type: "post", url: "some url", success: this.exeSuccess, error: this.exeError, complete: this.exeComplete }); } this.exeSuccess = function(){ alert(this.parm.name); } }

I'm not getting Box object inside exeSuccess method. How to pass Box object inside exeSuccess method?

Nick Craver · Accepted Answer · 2010-10-05 12:21:31Z

80

Use the context option, like this:

 $.ajax({ context: this, type: "post", url: "some url", success: this.exeSuccess, error: this.exeError, complete: this.exeComplete });

The context option determines what context the callback is called with...so it determines what this refers to inside that function.

answered Oct 5, 2010 at 12:21

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

2 Comments

rajakvk Over a year ago

Extremely sorry. Over sighted jQuery documentation. It is clearly mentioned here api.jquery.com/jQuery.ajax

Software Prophets Over a year ago

Maybe clearly mentioned, but not so clear as to how to use it. Nick's example is very helpful. This post goes into even more detail: stackoverflow.com/questions/5097191/ajax-context-option

Collectives™ on Stack Overflow

How to pass context in jquery ajax success callback function

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related