Ajax （Asynchronous JavaScript and XML）是一種用于在 Web 頁面上實現異步通信的技術。HTML（Hypertext Markup Language）是一種用于創建網頁結構和內容的標記語言。這兩者結合起來可以創建交互式的網頁，并且可以通過連接數據庫實現動態數據的加載和展示。本文將探討如何使用 Ajax 和 HTML 連接數據庫的方法，并通過舉例來說明其實現過程。
在進行 Ajax 和 HTML 連接數據庫之前，我們首先需要創建一個數據庫。假設我們要創建一個簡單的學生管理系統，其中包含學生的姓名和成績信息。我們可以使用 MySQL 數據庫來實現這個學生信息的存儲。首先，我們創建一個名為“students”的數據庫，并在其中創建一個名為“student_info”的表格，該表格包含兩個列，分別是“name”和“score”。以下是創建數據庫和表格的 SQL 語句：
CREATE DATABASE students; USE students; CREATE TABLE student_info ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(50), score FLOAT );
接下來，我們可以使用 PHP 來實現與數據庫的交互。首先，我們需要創建一個 PHP 文件，例如“connect.php”，并在其中添加以下代碼：
connect_error) {
die("連接失敗: " . $conn->connect_error);
}
echo "連接成功";
?>上述代碼將嘗試連接到名為“students”的數據庫，并打印出“連接成功”這個信息。
現在，我們可以結合 Ajax 和 HTML 來實現動態加載和展示學生信息。假設我們有一個 HTML 頁面，其中包含一個按鈕和一個用于展示學生信息的區域。
上述代碼中，我們首先創建了一個 XMLHttpRequest 對象，用于與后臺服務器進行通信。當按鈕被點擊時，loadStudents() 函數會被觸發，通過調用 open() 方法來指定要獲取學生信息的 PHP 文件“get_students.php”。接著，send() 方法將發送請求到后臺，并在收到響應后調用 onreadystatechange() 函數來處理響應。在這個函數中，我們首先解析服務器響應中返回的 JSON 數據，然后逐個創建包含學生姓名和成績信息的 p 標簽，并將其添加到名為“studentInfo”的 div 中。
最后，我們需要創建一個 PHP 文件來獲取學生信息并將其返回給前端頁面。例如，我們可以創建一個名為“get_students.php”的文件，并在其中添加以下代碼：
query($sql);
$students = array();
if ($result->num_rows >0) {
while($row = $result->fetch_assoc()) {
$students[] = $row;
}
}
echo json_encode($students);
?>上述代碼首先執行了一個 SQL 查詢語句來獲取學生信息，然后將結果存儲到一個包含學生信息的數組中。最后，使用 json_encode() 函數將該數組轉換為 JSON 格式，并通過 echo 語句將其返回給前端頁面。
通過以上的例子，我們可以看到如何使用 Ajax 和 HTML 連接數據庫，實現動態加載和展示數據的功能。通過這種方式，我們可以輕松地與后臺數據庫進行交互，并實現更豐富的網頁功能和用戶體驗。