如何在 HTML 中读取数据库中的内容

在 HTML 中读取数据库中的内容涉及以下步骤：

1. 连接到数据库

使用 JavaScript 的 对象建立与数据库的连接。

<code class="javascript">const request = new XMLHttpRequest();
request.open("GET", "database.php");
request.send();</code>

2. 处理响应

当收到来自数据库的响应时，使用 对象的 事件处理程序解析数据。

<code class="javascript">request.onload = function() {
  if (request.status === 200) {
    const data = request.responseText;
    // 解析并使用数据
  }
};</code>

3. 解析数据

根据数据库返回的数据类型解析数据。例如，如果数据为 JSON 格式，则可以使用 方法将其解析为 JavaScript 对象。

<code class="javascript">const dataObject = JSON.parse(data);</code>

4. 使用数据

解析数据后，可以使用它来更新 HTML 文档。可以使用 或 方法将数据插入 HTML 元素。

示例代码

以下是一个示例代码，演示如何从数据库中获取数据并将其显示在 HTML 表格中：

<code class="html"><table id="resultTable"></table></code>

<code class="javascript">const request = new XMLHttpRequest();
request.open("GET", "database.php");
request.onload = function() {
  if (request.status === 200) {
    const data = request.responseText;
    const dataObject = JSON.parse(data);

    // 创建表格行和单元格
    for (let i = 0; i </code>