Javascript callback function inside ajax

Question

how would i do this?

function DoStuffAndCallBack(callback){
      $.get( "ajax/test.html", function( data ) {
      callback();

    });
}

DoStuffAndCallBack(DoneFunction);

function DoneFunction(){
  console.log('done stuff');
}

I am getting 'callback' as undefined.Is there a way to do this, i know there are promises and what not but how can i do this in this instance.

The code as quoted is fine, the problem is outside the quoted code. — T.J. Crowder, Jun 06 '16 at 11:50
A probable cause (guessing from number of mistakes in my team): Maybe you defined the callback function as `DoneFunction = function()` instead of `function DoneFunction()` ? — devnull69, Jun 06 '16 at 11:51
Can you give the full error printed in console @ionescu victor — rishabh dev, Jun 06 '16 at 12:06

score -2 · Answer 1 · answered Jun 06 '16 at 12:18

-2

It looks like the "callback" is loosing its context inside your inner function i.e. inside the ajax call.

Try this -

function DoStuffAndCallBack(callback){
    this.callback = callback;
    var self = this;
    $.get( "ajax/test.html", function( data ) {
      self.callback();
    });
}

DoStuffAndCallBack(DoneFunction);

function DoneFunction(){
  console.log('done stuff');
}

answered Jun 06 '16 at 12:18

Nitesh Goyal

586
5
11

Why would it loose its context? – putvande Jun 06 '16 at 12:24
Please refer [this](http://stackoverflow.com/questions/20279484/how-to-access-the-correct-this-context-inside-a-callback) Here it is very well explained. In case of call backs we need to explicitly set the 'this' – Nitesh Goyal Jun 06 '16 at 12:26

Javascript callback function inside ajax

1 Answers1