How to add a callback on click jQuery function?

Question

I have an asynchronous problem and for solve it I think I must use a callback. I want to execute some code after the code that is inside of the click() function finishes. How can I do that?

$("#mybutton").click(function() {
    $.ajax({
      type: 'GET',
      data: {
        accion: "get_option_child",
        id: id
      },
      url: 'webservices.php',
      success: function(data) {
        var json = JSON.parse(data);
        // some code
      }
  });
});

Call your function from inside the function you provide to the success parameter — Rory McCrossan
– Rory McCrossan, Commented Jan 5, 2017 at 19:15

nem035 · Accepted Answer · 2017-01-05 19:19:50Z

3

Just add a call to your desired function at the end of the success handler for ajax:

$("#agregar_opcion").click(function() {
  // ...
  $.ajax({
    // ...
    success: function(data) {
      // ...
      functionThatRunsAfterAjaxSuccess();
    }
  });
});

function functionThatRunsAfterAjaxSuccess() {
  // gets called once the ajax call happening on click is successful
}

answered Jan 5, 2017 at 19:19

nem035

35.5k6 gold badges93 silver badges104 bronze badges

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

Collectives™ on Stack Overflow

How to add a callback on click jQuery function?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related