Creating callbacks with Javascript

Question

Alright, so I'm a little confused on how to create callbacks in JavaScript and a mix of jQuery.

Here's what I'd like to do:

function saveArtDep(vars, callback) {
        $.ajax({
            url: 'j_artDepAjax.php',
            type: 'POST',
            data: vars,
            success: function(data) {
                // callback to fire when success
            }
        });  
}

The reason I want to do this is to be able to re-use this function and having a different "loading" message for what I need it for. In other words, the scenario would look like this:

$('div#job').html('loading...');

saveArtDep('job_id=3&update_art=true', function(){
             $('div#job').html('success!');
});

Any help would be great!

Sridhar R · Accepted Answer · 2013-12-17 06:39:06Z

2

In saveArtDep the parameter callback refers to a function, so you can invoke it using callback()

function saveArtDep(vars, callback) {
        $.ajax({
            url: 'j_artDepAjax.php',
            type: 'POST',
            data: vars,
            success: function(data) {
                // callback to fire when success
                callback();
            }
        });  
}

edited Dec 17, 2013 at 6:39

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

answered Dec 17, 2013 at 4:08

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

mockaroodev Over a year ago

you've got a typo there - callbakc() should be callback()

thefourtheye · Accepted Answer · 2013-12-17 04:10:34Z

1

You almost had it. You can pass anything to callback and we make sure that it is a function before executing it, in the below seen code.

function saveArtDep(vars, callback) {
    $.ajax({
        url: 'j_artDepAjax.php',
        type: 'POST',
        data: vars,
        success: function(data) {
            // callback to fire when success
            if (typeof callback === 'function') {
                callback();
            }
        }
    });  
}

answered Dec 17, 2013 at 4:10

thefourtheye

241k53 gold badges466 silver badges505 bronze badges

2 Comments

Dimitri Over a year ago

You're absolutely right, I knew it was something as simple as that...I don't know why it didn't make sense to me at the time.

thefourtheye Over a year ago

@Dimitri Thats okay :)

Ryan · Accepted Answer · 2013-12-17 04:11:11Z

1

success: function(data) {
  if(typeof callback == 'function') {
      callback(data);
  }
}

answered Dec 17, 2013 at 4:11

Ryan

14.7k9 gold badges68 silver badges104 bronze badges

Collectives™ on Stack Overflow

Creating callbacks with Javascript

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related