javascript - 如何刷新/重新加载 php 函数而不必刷新整个页面？

Question

我有一个 php 文件，我在其中调用不同的 php 函数来渲染页面。我想通过再次调用 php 函数每 5 分钟刷新一次页面的部分内容。我的网站工作正常，但我无法在不重新加载整个页面的情况下更新内容。

php文件1index.php

<?php
    //  Enable functionality
    require_once ("lib/config.php"); //this file has all my php includes and db configurations

    site_head();

    front_stats();

    front_browser(20);

    site_foot();
?>

php 文件 2，其中包含上述函数 - layout.php

<?php
    function front_stats ()
    {
        //my content thats rendered on the page
    }

    function front_browser ($per_page)
    {
        //my content thats rendered on the page
    }

    etc.
?>```

Answer 1

将要重新加载的部分设置为特殊标签，即

<div id=reload></div>

然后设置一个新的 .php 文件，该文件将仅返回应替换到重新加载部分中的 html 代码。

现在包含一个 Javascript 文件，该文件通过 ajax 请求定期访问此 php 文件。
在ajax请求本身内部，您需要获取新内容并覆盖旧内容。这是 ajax 和替换部分的示例:

xmlhttp=new XMLHttpRequest()
xmlhttp.onreadystatechange=function({
    if(this.readyState==4&&this.status==200{
        document.getElementById("reload").innerHTML=this.responseText
    }
};
xmlhttp.open("GET","yournewphppagename.php",true);
xmlhttp.send();