javascript - JQuery 选项卡 : How to display a 'Loading...' message' on waiting an AJAX HTTP request response?

Question

我正在使用 jQuery UI 1.8.12 并且正在实现 Content via AJAX选项卡。我想在加载内容的同时显示“正在加载...”消息(当然，显示使用 AJAX HTTP 请求检索的内容)。

我该怎么做？

---

也许我可以使用 tabTemplate选项，但我不知道如何完成我该怎么做。

---

P.S.:我不想使用 this question 中使用的解决方案但我想通过 jQuery 动态添加(在 DOM 中)“正在加载...”消息。

Answer 1

你可以使用 BlockUI .那么这只是将其添加到您的脚本中的一个例子:

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);

每次 AJAX 请求开始时，UI 将被加载消息阻塞，当它停止时， block 将淡出，UI 将再次可用。