从txt文件重新加载更新文本

Question

我创建了没有重新加载页面的简单聊天。我从输入中的文本更新txt文件。 txt文件中的数据如下：

some text 1
some text 2
some text 3

我尝试显示文件中的所有文本，我的代码如下：

<script type="text/javascript">
    setInterval(function() {
        var html = [`
        <?php
        $myfile = fopen("test.txt", "r");
        while(!feof($myfile)) {
              echo '<div class="main-msg-wrapper">'.fgets($myfile).'</div>' ; 
            }
            fclose($myfile);
        ?>
        `];
        $("#chat").append(html);
    },1000); 
</script>

此代码有效，但是我有一个问题。如果我添加新值，它将被添加，但仅在刷新所有页面时显示（即使代码每隔1秒使用文件中的内容更新页面一次）

1. 我重新加载页面，代码显示：

some text 1
some text 2
some text 3

1. 我添加了新文本some text 4
2. 代码已添加到txt文件
3. 代码仍显示：

some text 1
some text 2
some text 3

1. 我刷新页面，代码显示：

some text 1
some text 2
some text 3
some text 4