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.

Answer 1

It looks like the "callback" is loosing its context inside your inner function ie 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');
}