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

Question

我正在像这样显示数据库中的表

<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 刷新页面，每次数据库发生变化时。我不想按时间间隔刷新页面。
我有一个管理员可以更改某人的状态，您可以自己更改您的状态。当有人更改自己的状态时，管理后台应该刷新。

你们对此有什么想法吗？

Answer 1

最简单的方法(已经提到过)是每 x 秒重新加载一次页面。

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

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

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