javascript - 如何确定所有脚本何时完成运行？

Question

我正在使用 Javascript 和 jQuery 来呈现页面。

该页面必须非常快速地加载。因此，我想先呈现一些基本信息，然后再发送另一个请求以获取一些附加信息。

我的问题是我应该何时发送第二个请求？我如何知道基本信息何时完全完成渲染并且没有脚本仍在运行？

Answer 1

使用AMD方法可能会更好？除了 requirejs 还有我喜欢的类似库。

Answer 2

这听起来像是yepnope的工作

Answer 3

var asyncOperations = {
    counter: -1, // -1 because the value should not already met the ending condition at initialization
    finishedHandler: null;
    startOp: function() {
         if(counter == -1) counter = 0;
         counter++;
    },
    endOp: function() {
         counter++;
         if(counter == 0 && finishedHandler) {
             finishedHandler.inform();
    }
}

function handler(data) {
     doSomethingWithData();
     asyncOperations.endOp();
}

function allOperationsFinished() {
    alert("success");
}

function main() {
    asyncOperations.finishedHandler = allOperationsFinished;
    $.ajax(...whatever..., handler);
}

Answer 4

设置一个可以用计时器检查的信号量。假设您有 5 个脚本正在运行。设置一个全局变量finishedRunning=0;。在每个脚本中，就在返回（即完成）之前执行finishedRunning+=1;. 当finishedRunning达到 5 时，你就可以开始了。