如何显示json数据的真实下载进度?

Aru*_*ash 5 javascript ajax jquery json

我试图为大型 json 数据显示一些实时进度条,同时它被完全下载。

是否可以?

我尝试使用 XMLHttpRequest。

$.ajax({
    xhr: function () {
        var xhr = new window.XMLHttpRequest();
        xhr.addEventListener("progress", function (evt) {
            if (evt.lengthComputable) {
                var percentComplete = evt.loaded / evt.total;
                console.log(percentComplete);
            }
        }, false);
        return xhr;
    },
    type: 'GET',
    url: 'url',
    data: {},
    success: function (data) {
        console.log("success")
    }
});
Run Code Online (Sandbox Code Playgroud)

在这里, evt.lengthComputable 是假的。有没有办法显示json数据的实时进度条?