jquery - Jquery Load ヘッダー情報

Question

ページの読み込みが完了する前に、JQuery 読み込み呼び出しからヘッダー情報を取得する必要があります。

背景情報として、コンテンツをページの一部にロードするために load() を使用していますが、接続が遅い場合、システムが「フリーズ」しているように見えます。

解決策 : ロードされる前にロードされているファイルからファイル サイズを取得し、ロードの速さを示すステータス バーを画面に表示します。

助言がありますか？

Answer 1

Javascript/jQuery を介した Ajax HEAD リクエストからの回答に基づく非常に単純な例

$.ajax({
    type: "HEAD",
    async: true,
    url: '/',
    success: function(message,text,response){
        console.log(response.getResponseHeader('Content-Length')]);
    }
});