如何使用jQuery ajax避免快速结果的"闪烁"进度？

Question

我正在使用jQuery来使用这种方法对ASP.NET后端进行AJAX调用.我使用.ajaxStart和.ajaxStop来显示和隐藏进度指示器.当AJAX请求非常快地完成时,进度指示器"闪烁",因为它没有显示足够长的时间.

一种可能的解决方案是仅在最短时间后显示(如MS AJAX中的UpdateProgress.DisplayAfter).另一种方法是确保指标显示最短时间.不幸的是,jQuery Pause插件似乎不起作用,像这样的效果延迟技巧也不起作用.基于JavaScript setTimeout的某种解决方案类似于这个SO答案似乎很可能,但问题是Ajax调用会继续处理.因此,当进度指示器仍然可见时,将显示结果.

那么,可以做到吗？如果是这样,怎么样？

Answer 1

在使用带有进度指示器的 Ajax 的项目的早期阶段，您当然会产生闪烁效果，因为您（希望）在测试时不会处理大量数据。您会发现，随着您的项目获得越来越多的数据，进度指示器会保持越来越长的时间。我不建议故意创建延迟以将进度指示器保留在那里，因为这会降低用户体验。尝试使用 javascript setTimeout() 函数。