Question

我正在寻找一个会自动更新页面但不会重新加载它的脚本。我有一个例子，这些div是自动重新加载：http://prntscr.com/603k2n

当然不是我的页面，这里是链接：http://suna.e-sim.org/battle.html?id=13317（您需要注册）。

我尝试使用jQuery，但它不会重新加载PHP，只是HTML。我需要重新加载MySQL和PHP - 它甚至可能吗？我看到这些家伙是成功的。

Answer 1

你实际上可以用jQuery来解决这个问题。我建议使用setInterval。您可以如何使用它的示例：

$(document).on('ready', function(){
    setInterval(function() {
    // Code that will update your page
 }, 3000);
});

请记住，3000是刷新发生前的毫秒数。所以这将每三秒调用一次

Answer 2

要刷新页面而不重新加载，您必须通过ajax加载页面的内容。你可以这样做：

的index.php

<html>
<head>
<script type="text/javascript">
$(document).on('ready', function(){
    setInterval(function() {
        $.ajax({
            type: "GET",
            url: "ajax_refresh.php",
            success: function(result) {
                $('body').html($result);
            }
        });
    }, 3000);
});
</script>
</head>
<body>
    <div class="header">
    Header of website here
    </div>
    <div class="content">
    Content here
    </div>
    <div class="footer">
    Footer here
    </div>
</body>
</html>

ajax_refresh.php

    <div class="header">
    Header of website here
    </div>
    <div class="content">
    Content here
    </div>
    <div class="footer">
    Footer here
    </div>

在上面的示例中，＆＃39; url＆＃39;参数应该是一个只返回要刷新的页面主体的PHP文件。要使此示例起作用，您应该包含jQuery。

祝你好运

修改

再解释一下这个。您将需要一个与索引文件完全相同的第二个文件。除了在第二个文件中你没有html，head或body标签。第二个文件的内容将被加载到第一个文件中而不刷新。这是AJAX的概念。

进一步阅读： - Introduction to AJAX - W3Schools

自动刷新PHP脚本后端

2 个答案:

的index.php

ajax_refresh.php

修改