asp.net – 如何使用jQuery ajax避免快速结果的“闪烁”进度？

我使用jQuery为我的 AJAX调用使用 this approach的ASP.NET后端.我使用.ajaxStart和.ajaxStop来显示和隐藏进度指示器.当AJAX请求很快完成时,进度指示器“闪烁”,因为它显示的时间不够长.

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

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

解决方法

在使用Ajax和进度指示器的项目的早期阶段,当然你会有一个闪烁的效果,因为你(希望)在你测试时没有使用大量的数据.随着您的项目获得越来越多的数据,您会发现,进度指示器将保持更长和更长时间.我不建议故意创建一个延迟来保持进度指示器,因为它会降低用户体验.尝试使用javascript setTimeout()函数.