在等待数据时显示加载程序

Question

我有简单的基于php的网站，它可以在其他网站上查询一些数据。 我需要在处理数据时显示一些加载图像。

我试过跟随，但加载器显示片刻，一旦页面加载并淡出。

<script>
    $(window).load(function() {
        $("#loading").fadeOut("slow");
    });
</script>

HTML

<div id="loading"></div>

CSS

#loading {
    z-index: 100;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: url('img/loading.gif') 50% 50% no-repeat;
}

为了更好地解释发生了什么以及我需要什么，请说一页的加载时间是10秒。现在页面加载10秒，没有显示加载器，10秒后它显示加载器淡出它。 我需要将装载机显示10秒钟，然后将其淡出。

Answer 1

这是因为在PHP发送响应之前，您的页面甚至不会开始加载。所有查询都会在10秒后发送响应。你应该做的是拥有一个首先加载自己（快速）的静态页面，然后通过AJAX单独调用你的PHP脚本。您可以在通话期间显示加载程序。

在进行任何慢速查询之前，您还可以尝试关闭PHP输出缓冲并发送（回显）包含加载程序的页面部分。