相关疑难解决方法(0)

我正在尝试捕获ajax请求的进度.我正在关注此链接中的文章http://www.dave-bond.com/blog/2010/01/JQuery-ajax-progress-HMTL5/.

它没有按预期工作.具有id progressCounter的div应该在其中包含%,据我所知,但在我的情况下没有任何反应.任何帮助？

在我看来,似乎if (evt.lengthComputable) {没有工作XHR

JSFIDDLE: http ://jsfiddle.net/bababalcksheep/r86gM/

HTML:

<div id="progressCounter"></div><br>
<div id="loading">Loading</div><br>
<div id="data"></div>

JS:

var progressElem = $('#progressCounter');
var URL = "https://api.github.com/users/mralexgray/repos";
$("#loading").hide();
// write something in #progressCounter , later will be changed to percentage
progressElem.text(URL);

$.ajax({
    type: 'GET',
    dataType: 'json',
    url: URL,
    cache: false,
    error: function (xhr, ajaxOptions, thrownError) {
        alert(xhr.responseText);
        alert(thrownError);
    },
    xhr: function () {
        var xhr = new window.XMLHttpRequest();
        //Download progress
        xhr.addEventListener("progress", function (evt) { …

为了衡量进度，我正在考虑在进行 axios 调用时做这两件事：

1. 调用 json 文件时获取文件大小
2. 从网络选项卡获取文件大小中下载的文件的百分比

到目前为止，我只是可以在其中获取数据，但我需要某种方法来获取其背后的元数据（网络控制台中的信息，例如文件大小、到目前为止下载的数量）

const request = axios.get('/data');

request.then((response) => {


}

或者还有其他衡量进展的方法吗？