如果这是一个非常简单的答案,我深表歉意,但是我已经坚持了一段时间。目前,我有一个XML文件,用户可以在其中以多种方式添加图像,音频文件和文本。如果文件变大,我希望页面需要进度条。
我找到了许多教程,这些教程创建了用于上传,PHP文件和样式设置的进度条,但是我没有发现任何东西可以用来监视已读取和处理的XML文件的百分比。我一直在尝试使本代码与本教程结合使用,但是很遗憾。
我简单的AJAX调用:
$(document).ready(function() { $.ajax({ type: "GET", url: xmlTitle, dataType: "xml", success: parseXML }); });
parseXML是我读取XML文件,然后在HTML上正确显示它的功能。
本质上,我希望代码自动显示进度条,并在成功后使进度条消失并显示内容。
如果我以错误的方式处理此问题,那么我也会接受其他建议。再次抱歉,如果这是一个简单的问题,则感谢您的答复。
这应该足以做到这一点:
$(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中实现。
xhr.upload.progress
xhr.progress