服务器重新启动时显示等待页面

Question

我有一个服务器并为它创建一个Web界面,如果用户按下页面上的重启按钮,则用户被重定向到reboot.php他应该看到一个spinner gif,直到服务器再次可以访问并且服务器重新启动通过shell执行.如果服务器可以访问,那么我需要重定向到main.php

所以我创建了以下功能.该函数以超时5秒开始,因为否则会立即加载,main.php因为reboot命令需要时间.

reboot.php

    $ret = false;

    test();

    function test()
    {
        setTimeout
        (
            function()
            {
                 $ret = ping("www.google.de");
                 if ($ret === false)
                 {
                     test();
                 }
                 else
                 {
                     window.location.href = "main.php";
                 }
            },
            3000
        );
    }

    function ping(url)
    {
        $.ajax
        (
            {
                url: url,
                success: function(result)
                {
                    alert('reply');
                    return true;
                },     
                error: function(result)
                {
                    alert('timeout/error');
                    return false;
                }
            }
        );
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <div class="col-lg-6 col-lg-offset-3" id="mydiv">
        <div class="mydiv_inhalt">
            <h2>Rebooting...</h2>
            <p>This can take about 2 minutes.</p>
            <center>
                <div class="waiting" id="waiting" style="margin-top:30px; margin-left: 0px;">
                    <center><img class="loading_table" src="http://www.securenet.com/sites/default/files/spinner.gif" alt="spinner gif"></center>
                </div>
            </center>
        </div>
    </div>

ajax.php

$cmd        = filter_input(INPUT_POST, "cmd");
if ( isset( $cmd ) && $cmd == "check_online_status" )
{
    echo "true";
}

在我ajax.php,我只是如果调用成功返回"真".但是,我的逻辑不起作用,似乎我的代码只尝试对我进行一次调用ajax.php,然后再也没有尝试过,我进入net::ERR_CONNECTION_REFUSED控制台.

我在我的代码中添加了很多警报,但是它们没有被执行,所以我猜它在尝试ajax.php之后不会再尝试第二次net::ERR_CONNECTION_REFUSED.

我唯一的想法是等待足够的时间然后重定向到main.php,但这不是一个好的解决方案,因为需要运气,如果时间不够等怎么办等等.

Answer 1

让我们总结一下代码中的问题:

• 你需要setInterval每x秒执行一次这个函数
• ajax请求是异步的,它应该保持这种状态.您不能指望回调的返回值,而应该在回调中执行操作

生成的代码更简单:

var pingUrl = "www.google.de";
var targetUrl = "main.php";
setInterval(ping, 3000);

function ping() {
    $.ajax({
        url: pingUrl,
        success: function(result) {
            window.location.href = targetUrl;
        }
    });
}