JQuery标签:如何显示'Loading. '消息# 39;等待AJAX HTTP请求响应

JQuery Tabs: How to display a 'Loading...' message' on waiting an AJAX HTTP request response?

本文关键字：消息 等待 AJAX 响应 请求 HTTP Loading 标签 何显示 显示 JQuery      更新时间：2023-09-26

我使用jQuery UI 1.8.12，我通过AJAX选项卡实现内容。我想在加载内容的同时显示一个"Loading…"消息(然后，当然，显示用AJAX HTTP请求检索的内容)。

我该怎么做呢?

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

注::我想不使用在这个问题中使用的解决方案，但我想通过jQuery动态添加(在DOM中)的"Loading…"消息。

您可以使用BlockUI。然后，只需将此添加到脚本中:

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

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

尝试:

$('#example').tabs({
    select: function(event, ui) {
        if ($(ui.panel).text() == '')
            $(ui.panel).html('Loading...');
        return true;
    },
});
相关文章：