Ajax（Asynchronous JavaScript and XML）是一種用于創建快速動態網頁的技術。它可以在不重新加載整個頁面的情況下，向服務器發送請求并獲取響應數據。在開發過程中，獲取表單數據是一個常見的需求。通過使用Ajax，我們可以方便地獲取表單數據并進行處理，而無需刷新整個頁面。

在Ajax中獲取表單數據有多種方式，最簡單的方式就是使用JavaScript中的FormData對象。FormData對象是一個表示表單數據的鍵值對集合。我們可以通過FormData對象的方法來獲取表單中的數據，然后使用Ajax將數據發送到服務器。

// 獲取表單數據
var form = document.getElementById("myForm");
var formData = new FormData(form);
// 創建Ajax對象
var xhr = new XMLHttpRequest();
// 監聽請求狀態改變事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理響應數據
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
// 發送請求
xhr.open("POST", "http://example.com/api/save", true);
xhr.send(formData);

在上面的例子中，我們首先使用document.getElementById方法獲取了一個表單元素，并將其賦值給變量form。然后，我們創建了一個FormData對象，并將表單元素作為參數傳遞給它，這樣就可以獲取表單數據了。接下來，我們創建了一個XMLHttpRequest對象，該對象用于發送Ajax請求。我們通過調用其open方法來配置請求的類型、URL和異步標志。在這種情況下，我們將請求類型設置為POST，并將URL設置為"http://example.com/api/save"。最后，我們調用send方法發送請求，并將FormData對象作為參數傳遞給它。

除了使用FormData對象外，還可以使用jQuery庫提供的方法來獲取表單數據。jQuery是一個JavaScript庫，提供了簡化操作DOM、處理事件和Ajax請求等功能。下面是使用jQuery的示例：

// 獲取表單數據
var formData = $("#myForm").serialize();
// 發送Ajax請求
$.ajax({
url: "http://example.com/api/save",
type: "POST",
data: formData,
success: function(response) {
// 處理響應數據
console.log(response);
}
});

在上面的例子中，我們使用了jQuery庫中的serialize方法來獲取表單數據，并將其賦值給變量formData。然后，我們調用了$.ajax方法來發送Ajax請求。在該方法中，我們可以通過設置url、type和data等屬性來配置請求的URL、類型和數據。成功接收到響應后，會調用success回調函數進行處理。

總結來說，通過使用Ajax，我們可以方便地獲取表單數據并進行處理。無論是使用JavaScript中的FormData對象，還是使用jQuery庫提供的方法，都可以輕松地實現這一功能。這樣，在開發動態網頁時，可以通過Ajax來優化用戶界面和用戶體驗。