监控AJAX JSON对象下载/传输进度

Question

我想知道是否可以为AJAX调用创建进度条，其中返回的数据是表示大型数据库的JSON对象。此函数用于在客户端-服务器端数据库之间进行同步，并希望为用户显示进度，就像正常的文件下载。。。

我尝试了以下操作，但没有成功。。

$.ajax({
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.addEventListener("progress", updateProgress, false);       
 function updateProgress (oEvent) {
      if (oEvent.lengthComputable) {
        var percentComplete = oEvent.loaded / oEvent.total * 100;
        console.log(percentComplete);
          } else {
         console.log('Unable to compute Size');
         }
    }
   return xhr;
    },
    type: "POST",
    url: "http:s......"
    ect....//

Answer 1

可能使用-XMLHttpRequest我正在努力实现同样的目标，所以在这里挖掘它。这篇文章适合你吗？