Ajax是一種通過JavaScript和服務器交換數據的技術。使用Ajax，我們可以在不刷新整個頁面的情況下，向服務器發送請求并接收響應。本文將討論如何使用Ajax發送請求并追加數據庫。通過發送Ajax請求，我們可以實現動態地向數據庫中添加數據，并在前端頁面中實時顯示。

假設我們有一個簡單的網頁，其中包含一個表單，用戶可以輸入信息。當用戶點擊提交按鈕時，使用Ajax發送請求，將表單數據發送到服務器，并將數據追加到數據庫中。然后，服務器將響應發送回客戶端，前端頁面根據響應更新顯示內容。我們使用的是PHP語言作為后端處理程序，MySQL數據庫存儲數據。

首先，我們需要在前端頁面中添加一個表單，用于用戶輸入信息。例如，我們可以創建一個包含姓名和電子郵件字段的表單：

<form id="myForm">
<label for="name">姓名：</label>
<input type="text" id="name" name="name"><br>
<label for="email">電子郵件：</label>
<input type="email" id="email" name="email"><br>
<button type="submit" id="submitBtn">提交</button>
</form>

接下來，我們需要使用JavaScript代碼來處理表單提交事件，并通過Ajax發送請求。我們將使用jQuery庫來簡化Ajax代碼。在JavaScript中，我們可以使用`.submit()`方法來監聽表單提交事件，然后使用`$.ajax()`函數發送請求，并在`success`回調函數中處理響應。下面是處理表單提交事件的代碼：

$(document).ready(function() {
$('#myForm').submit(function(event) {
event.preventDefault(); // 阻止表單默認提交行為
// 獲取表單輸入的數據
var name = $('#name').val();
var email = $('#email').val();
// 發送Ajax請求
$.ajax({
url: 'add_to_database.php', // 后端處理程序的URL
method: 'POST', // 請求方法
data: {name: name, email: email}, // 發送的數據，以鍵值對形式
success: function(response) {
// 根據響應更新頁面顯示內容
// 例如，追加新的數據到一個列表
$('#myList').append('<li>' + name + ' - ' + email + '</li>');
}
});
});
});

在服務器端，我們需要編寫一個PHP腳本來處理接收到的表單數據，并將其追加到數據庫中。下面是用于處理請求的PHP代碼：

connect_error) {
die("數據庫連接失敗: " . $conn->connect_error);
}
// 將數據插入數據庫表中
$sql = "INSERT INTO users (name, email) VALUES ('$name', '$email')";
if ($conn->query($sql) === TRUE) {
echo "數據已成功添加到數據庫";
} else {
echo "錯誤: " . $sql . "
" . $conn->error;
}
$conn->close(); // 關閉數據庫連接
?>

在這個例子中，我們將用戶的姓名和電子郵件存儲在名為"users"的數據庫表中。當數據被成功插入到數據庫中時，后端腳本將返回響應，表示數據已成功添加到數據庫。前端代碼根據響應更新頁面顯示內容，例如追加新的數據到一個列表。

通過以上的步驟，我們成功地使用Ajax發送請求并追加數據庫。這種方法可以用于各種場景，例如添加新的用戶、發布評論等。使用Ajax，我們可以實現動態地向數據庫中添加數據，并實時更新前端頁面的內容。