asp.net - 如何使用 jQuery ajax 避免快速结果出现 "blinking"进度 div？

Question

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

一种可能的解决方案是仅在最短时间后显示(例如 MS AJAX 中的 UpdateProgress.DisplayAfter)。另一种方法是确保指示器显示的时间最短。不幸的是，jQuery Pause plug-in似乎不起作用，并且效果延迟技巧如 this也不行。某种基于 JavaScript setTimeout 的解决方案类似于 this SO answer看起来可能性最大，但问题是 Ajax 调用一直在处理。因此，当进度指示器仍然可见时，就会显示结果。

那么，可以吗？如果是这样，怎么办？

Answer 1

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