Javascript 自动刷新PHP脚本后端_Javascript_Php_Jquery_Html_Mysql

Javascript 自动刷新PHP脚本后端

javascript php jquery html mysql

Javascript 自动刷新PHP脚本后端,javascript,php,jquery,html,mysql,Javascript,Php,Jquery,Html,Mysql,我正在寻找一个脚本，将自动更新一个页面，但不重新加载它。我有一个例子，这些div是自动重新加载的：这当然不是我的页面，这里是链接：（你需要注册）我尝试使用jQuery，但它不会重新加载PHP，只会加载HTML。我需要重新加载MySQL和PHP，这可能吗？我看到这些家伙成功了。你实际上可以用jQuery解决这个问题。我建议使用setInterval。您可以如何使用它的示例： $(document).on('ready', function(){ setInterval(function

我正在寻找一个脚本，将自动更新一个页面，但不重新加载它。我有一个例子，这些div是自动重新加载的：

这当然不是我的页面，这里是链接：（你需要注册）

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

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

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

请记住，3000是刷新发生之前的毫秒数。因此每三秒调用一次，要刷新页面而不重新加载，必须通过ajax加载页面内容。您可以按如下方式执行此操作：

index.php


$（文档）.on（'ready'，function（）{
setInterval（函数（）{
$.ajax({
键入：“获取”，
url:“ajax_refresh.php”，
成功：功能（结果）{
$（'body'）.html（$result）；
}
});
}, 3000);
});
网站标题在这里
满足于此
页脚在这里

ajax_refresh.php


网站标题在这里
满足于此
页脚在这里

在上面的示例中，“url”参数应该是一个PHP文件，它只返回要刷新的页面主体。为了使这个示例起作用，您应该包括jQuery

祝你好运

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

进一步阅读：

您回答了自己的问题：这是可能的。通过使用AJAX。调用执行所需操作的PHP页面，并返回所需内容。。就这么简单。好吧，php需要在网站上进行更改，例如：将标题向右移动，我有php代码，但我想制作一些类似动画的东西，但在用户请求时，比如，用户单击按钮向右，然后标题向右移动。。。如果你明白…我会尝试“长轮询”的东西…代码可以是php吗？这是什么？：）@这是一段javascript，你应该把它放在和标记之间。在脚本标记中执行的代码应该是javascript。您将要做的是使用JavaScript访问您的.php文件，该文件将获取用于更新页面的数据？etc index.php，因为我想在index上运行它。@McFilip这是应该加载您要刷新的内容的文件。我想刷新这个页面，在这段代码上是什么…@McFilip我编辑了我的答案，试图让您更容易理解。谢谢，我真的很感激：）

<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>

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