PHP 查询正在进行时加载屏幕

Question

我正在尝试为我的网络应用程序制作一个加载屏幕。我正在使用 PHP 后端并调用数据库查询。事实上，我预计最多需要 5 秒（这很好）。但我想同时显示一个加载屏幕，但我发现自己在某种程度上陷入困境。

我 100% 知道这行不通，但只是为了说明我需要实现的目标，我尝试了这个：

<div id='loading'>i am loading</div>
<?php
$result = $db->query("some sql here");
if ($result)
    echo "<script>document.getElementById('loading').style.display = 'none';</script>";
?>

虽然这段代码显然是错误的，但我希望从中可以清楚地看出我需要什么。注意：我真的无法承受重定向到加载屏幕的另一个页面（我将其视为选项之一），除非这是唯一可能的解决方案。还有其他方法可以做到这一点吗？

Answer 1

我认为你可以使用这些代码：

<div id="loading">EXAMPLE LOADING DIV </div>
<script type="text/javascript">
    $('#loading').show();    // here loading showing
    $(document).ready(function () {
        $("#button").click(function () {
            $.ajax({
                url: 'URL ACTION',
                type: 'POST',
                dataType: 'json',
                data: { },
                success: function (data) {
                },
                error: function (error) {
                }
                complete: function(){
                    $('#loading').hide();   // here loading hide when complete query
                }
            });
        });
    });
</script>