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

前端之家收集整理的这篇文章主要介绍了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()函数.

猜你在找的asp.Net相关文章