javascript - Ajax 请求监控流程

Question

我在一个 javascript 脚本中有一个 AJAX 请求，我在其中 GET 一个这样的文件：

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

代码本身是正确的并且可以完美运行。有没有办法知道在请求仍在进行时我下载了多少文件？我的意思是，一旦请求给我成功消息，我就知道我已经下载了整个文件，但是如果我想在开始两秒钟后知道呢？谢谢！

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();