Как в javascript выполнить функции перед и после ajax запросом?

Question

[ssrdop]

Есть три функции
startAnimation()
makeAjaxRequest()
finishAnimation()

Проблема в том, что makeAjaxRequest() асинхронный и соответственно он выполняется раньше остальных, а функции анимации выполняются тут же.
Как сделать чтобы функции выполнялись в описанном выше порядке, т.е.

startAnimation()
makeAjaxRequest()
finishAnimation()

Answer 1

[iBird Rose]

api.jquery.com/ajaxStart
api.jquery.com/ajaxcomplete

Answer 2

[Александр Вульф]

Promise (также можно добавить async/await и Babel).

https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://developer.mozilla.org/en-US/docs/Web/JavaS...

P.S: на край можно просто использовать коллбек в makeAjaxRequest и в нем уже вызывать finishAnimation.

Answer 3

[Alexander]

Начните анимацию до запроса, а закончите ее в success-коллбэке запроса (или что вы там используете).

> асинхронный и соответственно он выполняется раньше остальных

Наверное вы все же имели в виду позже остальных?