在 html 中讀取數據庫中的內容涉及四步：通過 javascript 發送請求建立數據庫連接。使用 onload 事件處理程序解析響應。根據數據類型解析數據，如 json.parse() 解析 json。使用 innerhtml 或 appendchild() 方法將解析后的數據插入 html 文檔。
如何在 HTML 中讀取數據庫中的內容
在 HTML 中讀取數據庫中的內容涉及以下步驟：
1. 連接到數據庫
使用 JavaScript 的 XMLHttpRequest 對象建立與數據庫的連接。
<code class="javascript">const request = new XMLHttpRequest();
request.open("GET", "database.php");
request.send();</code>
登錄后復制
2. 處理響應
當收到來自數據庫的響應時，使用 XMLHttpRequest 對象的 onload 事件處理程序解析數據。
<code class="javascript">request.onload = function() {
if (request.status === 200) {
const data = request.responseText;
// 解析并使用數據
}
};</code>
登錄后復制
3. 解析數據
根據數據庫返回的數據類型解析數據。例如，如果數據為 JSON 格式，則可以使用 JSON.parse() 方法將其解析為 JavaScript 對象。
<code class="javascript">const dataObject = JSON.parse(data);</code>
登錄后復制
4. 使用數據
解析數據后，可以使用它來更新 HTML 文檔。可以使用 innerHTML 或 appendChild() 方法將數據插入 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>
登錄后復制
