AJAX是一種在Web開發中常用的技術，它能夠實現網頁與服務器之間的異步通信，提升了用戶體驗。在實際應用中，我們常常需要從數據庫中獲取單個表單的數據。本文將介紹如何利用AJAX技術，通過發送HTTP請求來獲取單個表單的數據，并給出詳細的示例。

假設我們有一個網站，其中有一個用戶注冊頁面，用戶可以填寫表單并提交注冊信息。在用戶注冊完成后，我們需要從數據庫中獲取該用戶的詳細信息，并顯示在網頁上。這時，我們可以使用AJAX來實現異步請求，并通過服務器返回的數據來更新頁面上的表單。

// AJAX請求示例
function getUserData(userId) {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 監聽請求狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 獲取服務器返回的用戶數據
var userData = JSON.parse(xhr.responseText);
// 更新表單
document.getElementById('username').value = userData.username;
document.getElementById('email').value = userData.email;
document.getElementById('phone').value = userData.phone;
}
};
// 發送GET請求
xhr.open('GET', '/getUserData?userId=' + userId, true);
xhr.send();
}

在上述代碼中，我們定義了一個名為getUserData的函數，它接受一個userId作為參數。該函數使用XMLHttpRequest對象來發送一個GET請求，請求的URL為"/getUserData"，并將userId作為查詢參數。在請求狀態變化時，我們通過監聽readyState和status屬性的變化來判斷請求是否成功。如果成功的話，通過JSON.parse()方法將服務器返回的數據解析為一個JavaScript對象，并使用該對象的屬性值來更新表單中對應的輸入框。

下面我們來看一個完整的例子，假設我們的用戶注冊頁面上有一個按鈕，當用戶點擊該按鈕后，會觸發getUserData函數來獲取用戶數據并更新表單。

<!-- HTML代碼 -->
<form id="userForm">
<label for="username">用戶名:</label>
<input type="text" id="username" name="username" readonly>
<label for="email">郵箱:</label>
<input type="text" id="email" name="email" readonly>
<label for="phone">手機號:</label>
<input type="text" id="phone" name="phone" readonly>
</form>
<button onclick="getUserData(1)">獲取用戶數據</button>

在上述HTML代碼中，我們定義了一個用戶表單，并給每個輸入框設置了id和name屬性。在用戶點擊"獲取用戶數據"按鈕時，會調用getUserData函數，并將userId參數設置為1。

當我們點擊按鈕后，getUserData函數會發送一個GET請求到服務器，并獲取到服務器返回的數據。然后，通過JavaScript代碼來更新表單中對應的輸入框，從而實現了從數據庫獲取單個表單數據的功能。

總結來說，通過使用AJAX技術，我們可以利用異步請求來獲取數據庫中的數據，并將這些數據更新到網頁上的表單中。這種方式大大提升了用戶體驗，使得用戶能夠實時地獲取最新的數據。