Question

我有一个正在加载大量js文件的Web应用程序。所以当用户第一次加载页面时，我需要设置一个启动/加载页面。

有没有办法让实时加载特定文件？例如，我想在我的启动画面上看到..

"Loading SampleModule.js.."

我在网上搜索了SO，但我找不到任何可以帮助我的文档。我不确定我是否使用了正确的关键词或者是什么。

希望有人能帮助我。

Answer 1

您可能能够使用RequireJS连接一些内容，但如果这是我的应用程序，我会做的是解决每个将自己的文件名推送到应用级别的“已加载”文件数组的文件中的承诺，以及你的应用程序只是在进入dom时将它们转储到dom中。

您也可以这样做：

var APP = {
    $loaderMsg : $('#loading')
};

$.when(
    APP.$loaderMsg.html('Loading Script 1');
    $.getScript('/app/js/script1.js'),
).then(
    APP.$loaderMsg.html('Loading Script 2');
    $.getScript('/app/js/script2.js'),
).then(
    APP.$loaderMsg.html('Loading Script 3');
    $.getScript('/app/js/script3.js'),
).done(
    someInitFunction
);

Answer 2

尝试使用jquery api getscript

$.getScript( "ajax/test.js", function( data, textStatus, jqxhr ) {
console.log( data ); // Data returned
console.log( textStatus ); // Success
console.log( jqxhr.status ); // 200
console.log( "Load was performed." );
});

有关文档，请参阅this

希望这会有所帮助......

获取正在加载的文件Javascript

2 个答案: