插入新数据库 table 行后立即更新 table

Question

所以我想知道我应该如何制作一个 table，用 PHP 8 编写，在数据库 table 中插入新内容后立即更新（SQL 服务器 2019）。我创建了一个像这样的简单 table：

<table>
  <thead>
    <tr>
      <th>header1</th>
      <th>header2</th>
      <th>header3</th>
    </tr>
   </thead>
   <tbody>
     <tr>
       <td>text1.1</td>
       <td>text1.2</td>
       <td>text1.3</td>
     </tr>
  </tbody>
</table>

然后我添加了一个创建一些输入字段的按钮，当这些输入字段被提交时，数据被插入到数据库中。但我知道更新 table 的唯一方法是重新加载页面，因此 table 现在有了新行。但我见过无需重新加载网站即可执行此操作的网站，想知道如何做到这一点？我的猜测是做某种倾听者，但我不知道。

带有一些输入的提交按钮可能是这样的：

<form>
  <input type="text" id="html" name="fav_language" value="">
  <label for="html">HTML</label><br>
  <input type="text" id="css" name="fav_language" value="">
  <label for="css">CSS</label><br>
  <input type="text" id="javascript" name="fav_language" value="">
  <label for="javascript">JavaScript</label>
  <input type="submit" value="Submit">
</form>

所有这些应该只是纯粹的自己编写的代码，而不是 JQuery 或类似的东西。

Answer 1

如果您希望在不重新加载的情况下提交表单，您应该使用 AJAX。例如。几乎所有网站的聊天框都使用AJAX提交信息。我想 this question 会对你有所帮助。

如果您想将 AJAX 与 PHP 一起使用，您可以简单地使 AJAX 调用您的 PHP 文件来提交信息。查看 this page 以了解更多信息。

如果您想在没有任何库的情况下使用 AJAX，您可以使用 XMLHttpRequest 来实现。 more info

插入新数据库 table 行后立即更新 table

Update table as soon as a new database table row is inserted

html

javascript

php