如何显示模态加载...当一个ajax请求$ .get / $ .post正在运行？

Question

我在asp.net，mvc中有一个web应用程序，有时候我的ajax请求可能需要1秒以上。

所以我需要在整个页面上显示一个很大的div （正在加载...），而此请求正在运行并在完成后隐藏。

有人知道怎么做吗？

Answer 1

对于jQuery AJAX，请查看API文档：http://api.jquery.com/category/ajax/

要阻止屏幕，请查看此插件： http://malsup.com/jquery/block/#

此网站的演示页面（http://malsup.com/jquery/block/#demos）会让您了解如何使用它。

Answer 2

我正在使用jQuery throbber插件：http://www.jquery-plugins.info/throbber-aka-loading-animation-00015440.htm

它非常简单易于集成。 可以手动运行，也可以自动附加ajax事件。

Answer 3

另外，从JQuery UI库中签出Dialog插件。 这将允许您显示一个对话框，其中包含您想要的任何“请稍候”消息，并且还会阻止页面的其余部分，以确保用户无法与其进行交互。当AJAX操作完成时，可以删除该对话框。

你甚至可以通过绑定到.ajaxStart和.ajaxStop事件来自动显示/隐藏所有AJAX操作的对话框。