Question

我在javascript脚本中有一个AJAX请求，我在那里获取这样的文件：

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

Ajax请求监视流程

2 个答案: