数据库更改后使用 Javascript 重新加载页面

我正在显示数据库中的表，如下所示

<tr>
  <td>{{ $user->id }}</td>
  <td>{{ $user->... }}</td>
  <td>{{ $user->... }}</td>
  <td>{{ $user->... }}</td>
  <td>{{ $user->... }}</td>
  <td>{{ $user->... }}</td>
  <td>{{ $user->... }}</td>
  <td>{{ $user->... }}</td>
  <td>{{ $user->... }}</td>
  <td>{{ $user->... }}</td>
  <td>{{ $user->... }}</td>
  <td></td>
</tr>

如果数据库中发生某些变化，我必须在浏览器中按 F5 才能显示更改。现在我想在数据库中每次发生变化时使用 Javascript 刷新页面。我不想按时间间隔刷新页面。
我有一位管理员可以更改某人的状态，您也可以自己更改您的状态。当有人更改自己的状态时，管理后端应该刷新。

你们对此有什么想法吗？

最简单的方法（已经提到过）是每 x 秒重新加载页面。

然而，这意味着，如果用户正在浏览/编辑页面上的任何内容，他只有 x 秒的时间来完成此操作，然后所有进度都会丢失。

但是，您可以使用 AJAX 检查数据库的更改：

• 制作一个输出最新数据库条目的 DB-Check.php 脚本
• 在您的主文件中，包含一个 AJAX 脚本，该脚本可提取 DB-Check.php 每 30 秒一次
• 将 DB-check.php 的输出放入新的 JS 变量中
• 如果新变量与旧变量不同，则刷新 整个页面（或者使用 AJAX 加载数据库的其余部分）