How to run second function after the first has ended in javaScript?

Question

function addItemToCart (id_1, id_2, id_3, id_etc) {
  jQuery.ajax({

  });
}

function clearCart()
{
  jQuery.ajax({
  });
}

function buyButton()
{ 
    clearCart();
    setTimeout(function()
    {
        redirect to cart;
        addItemToCart(283746 , 1, 1, "Months", "1294");
    }, 500);
}

I'm trying to make it so that instead of using a setTimeout it waits until the clearCart() has finished loading through ajax and then it runs the functions inside the setTimeout and I can't seem to figure this out.. I tried doing a callback but I'd say that it isn't correct..

function FirstFunction(callBack)
{
    clearCart();

    if (callback)
    {
        callback();
    }       
}
function SecondFunction()
{
    buyButton();
}

FirstFunction(SecondFunction);

Run it in the .done handler

mplungjan
– mplungjan

2015-08-28 15:59:50 +00:00
Commented Aug 28, 2015 at 15:59 — mplungjan
– mplungjan, Commented Aug 28, 2015 at 15:59

Quentin · Accepted Answer · 2015-08-28 16:00:23Z

7

If you want to run some code when an Ajax response has arrived, put it in the done or success handler function. That is what those functions are for.

Don't guess how long the request is going to take.

answered Aug 28, 2015 at 16:00

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

2 Comments

ArBro Over a year ago

you can do it by adding .done(function(data){ /* your function*/ }) after your ajax call.

iBrazilian2 Over a year ago

@ABr, I tried the following but even with the done or the success it did not work, pastebin.com/7yMahd0L I also tried including it in the ajax success but no luck.

thecodeparadox · Accepted Answer · 2015-08-28 16:02:12Z

4

Need to use done or success callback to avoid any random waiting time. like below:

function clearCart()
{
  return jQuery.ajax({
  });
}

function buyButton()
{ 
    clearCart().done(function () {
        addItemToCart(283746 , 1, 1, "Months", "1294");
    });
}

answered Aug 28, 2015 at 16:02

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

1 Comment

thecodeparadox Over a year ago

@iBrazilian2 In clearCart(), you need to return the jQuery.ajax().

Collectives™ on Stack Overflow

How to run second function after the first has ended in javaScript?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related