javascript - 自动刷新 文本

Question

这已经被很好地回答了好几次，但是作为 js 的新手我一定缺少一些基本的东西。

我的简单聊天页面运行良好，但仅在手动调用时刷新，我希望它自动刷新。

php 通过 POST 获取评论，将其写入日志文件(在同一目录中)，然后将更新后的日志文件写入 div。

<div id="show"><?php include 'LOG.txt' ; ?></div>

我从另一篇文章中改编了以下代码，并在标题和正文中尝试了它，但它不起作用。

<script type="text/javascript">
    function doRefresh(){
        $("#show").load("LOG.txt");
    }
    setInterval(function(){doRefresh()}, 5000);
</script>

这需要什么？

谢谢。

Answer 1

您的代码大部分是正确的。但是，如果您的代码位于 header 中，您需要确保仅在 DOM 就绪时才触发该函数。当然，您必须包括 jQuery。

注意:如果您将代码放在 </body> 之前事实上，它应该可以工作。

<script src="http://code.jquery.com/jquery-3.1.1.js"></script>
<script type="text/javascript">
    function doRefresh(){
        $("#show").load("LOG.txt");
    }
    $(function() {
        setInterval(doRefresh, 5000);
    });
</script>