javascript - 如何让 javascript 代码*按顺序*执行

Question

好吧，我明白 Javascript 不是 C# 或 PHP，但我不断地回到 Javascript 中的一个问题 - 不是 JS 本身，而是我对它的使用。

我有一个功能:

function updateStatuses(){

showLoader() //show the 'loader.gif' in the UI

updateStatus('cron1'); //performs an ajax request to get the status of something
updateStatus('cron2');
updateStatus('cron3');
updateStatus('cronEmail');
updateStatus('cronHourly');
updateStatus('cronDaily');

hideLoader(); //hide the 'loader.gif' in the UI

}

事实是，由于 Javascript 强烈希望在代码中向前跳转，加载器永远不会出现，因为“hideLoader”函数会直接运行。

我该如何解决这个问题？或者换句话说，如何使 JavaScript 函数按照我在页面上编写的顺序执行...

Answer 1

出现该问题是因为 AJAX 本质上是异步的。这意味着updateStatus()调用确实按顺序执行，但立即返回，JS 解释器到达 hideLoader()在从 AJAX 请求检索任何数据之前。

您应该执行hideLoader()在 AJAX 调用完成的事件上。