javascript - Ajaxリクエストのモニタリングフロー

Question

javascriptスクリプトにAJAXリクエストがあり、次のようなファイルを取得します。

 $.ajax({
      type: "GET",
      url: "./" + img_type + ".bmp",
      dataType: "html",
  timeout: test_timeout, 
      cache: false, 
      success: function(msg)
      {
      //some stuff
      }
  });

コード自体は正しく、完全に機能します。リクエストの進行中にダウンロードしたファイルの量を知る方法はありますか？つまり、リクエストで成功メッセージが表示されると、ファイル全体をダウンロードしたことがわかりますが、開始から2秒後に知りたい場合はどうすればよいですか？ありがとう！

Answer 1

ここで「進捗状況の監視」セクションを確認してください。

https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest

Answer 2

次に例を示します。

var xhr = new XMLHttpRequest;
xhr.onprogress = function(e){
    if(e.lengthComputable){
        var progress = e.position || e.loaded;
        var total = e.totalSize || e.total;
        var percent = progress/total*100;
        //do something with progress here
    }
};

xhr.onload = function(){
    var content = xhr.responseText;
    //do something with the result here
};
xhr.open('GET','./'+type+'.bmp',true);
xhr.send();