javascript - 您将如何使用 AJAX/jQuery 创建用于下载 XML 内容的进度条？

Question

如果这是一个相当简单的答案，我深表歉意，但我已经坚持了一段时间。目前我有一个 XML 文件，用户可以在其中以多种方式添加图像、音频文件和文本。如果文件变大，我希望页面需要一个进度条。

我找到了许多关于为上传、PHP 文件创建进度条以及设置它们样式的教程，但我还没有找到任何关于监控已读取和处理的 XML 文件的百分比的内容。我一直在努力使我的代码与 this tutorial 一起工作，但没有运气。

我的简单 AJAX 调用:

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: xmlTitle,
        dataType: "xml",
        success: parseXML
    });
});

parseXML 是我读取 XML 文件，然后将其正确显示在 HTML 上的函数。

本质上我想让代码自动显示进度条，成功后让进度条消失并显示内容。

如果我以错误的方式处理这个问题，我也欢迎任何其他建议。如果这是一个简单的问题，再次抱歉，但感谢您的回复。

Answer 1

这应该足够了:

$(document).ready(function() {
    showProgressBar();
    $.ajax({
        type: "GET",
        url: xmlTitle,
        dataType: "xml",
        success: parseXML
    });
    function parseXML(xml){
        hideProgressBar();
        ...
    }
});

如果你想用真正的上传进度更新进度条，你必须使用 xhr.upload.progress 事件和 xhr.progress 事件，这两个事件都没有在 jQuery 中实现，因为没有使它们在 IE<10 中工作的解决方法。