页面加载时显示进度轮

Question

当用户等待时,我需要一个进度轮来显示很多数据库和第三方cURL查询.

进度轮应该立即显示,还是应该在页面模板(但不是内容)加载后显示？

我应该显示进度轮,直到页面的HTML/javascript完成加载,或PHP完成加载？

如果你能用原始代码展示大多数人如何做到这一点,那就太好了.我正在使用jQuery,这是一个PHP站点.

Answer 1

显示进度条，直到 php 响应（返回值可能是 HTML 之一）没有加载到 javascript 中。

“我应该在页面的 HTML/javascript 加载完成之前还是在 PHP 加载完成之前显示进度轮？”

同意这种方法

加载完成后，使用 jquery 隐藏加载并将内容放入容器类中。

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



$('.loading')
    .hide()  // hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });