javascript - 如何自动更新html内容？

Question

我正在尝试创建一个 FB 新闻提要，但用于显示数据库中的内容。我的代码已经读取了表格的行数，但它需要在更新 html 的内容之前刷新页面。

这是我的代码:

我的 html 文件的一部分:

<section id="reportcontent"></section>
<script>
    (function refreshNews()
    {
        $("#reportcontent").load("php/ajax.php");
    })();
    setInterval('refreshNews()',1000); 
</script>

ajax.php 的内容

<?php 
    require("database.php");

    $sql = "SELECT * FROM report";

    $res = odbc_exec($conn,$sql);

    while($feedItem = odbc_fetch_array($res))
    {
        echo "hello! <br>";
    }
?>

如您所见，我表格的每一行都会回显一个问候文本。但是为了查看新的行数，我需要刷新页面。感谢您的帮助!

Answer 1

这应该有效。您将函数名称作为字符串传递给 setInterval，方法是将其包装在 '' 中。它应该只是调用函数，例如

setInterval('refreshNews',1000); 

也不确定这是否只是一个示例，但 php 代码不会为表格生成行。
只是一个换行符。

同时我们也在做这件事。在 Ajax 调用中使用间隔是一种糟糕的做法。原因是请求可能需要比间隔时间更长的时间，并且您最终会同时运行许多调用。在 AJAX.load() 的回调函数内部使用 setTimeout 代替

function refreshNews()
    {
       $("#reportcontent").load("php/ajax.php", function(){setTimeout(refreshNews, 1000);});
        
    }();


window.onload= function(){
    refreshNews(); 
  }

<section id="reportcontent"></section>