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

Question

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

我找到了许多教程，这些教程创建了用于上传，PHP文件和样式设置的进度条，但是我没有发现任何东西可以用来监视已读取和处理的XML文件的百分比。我一直在尝试使本代码与本教程结合使用，但是很遗憾。

我简单的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事件，因为在IE
<10中没有使它们工作的解决方法，所以它们均未在jQuery中实现。