在網頁開發過程中，經常需要通過表單來獲取用戶輸入的數據。而為了獲得更好的用戶體驗，我們通常會使用Ajax技術來實現表單數據的獲取和提交。Ajax可以在不刷新整個頁面的情況下，向服務器發送請求并獲取相應的數據，從而實現頁面的局部更新。

在Ajax中，我們通常使用兩種方式來獲取表單數據的類型：GET方法和POST方法。

GET方法通過URL的查詢字符串來傳遞表單數據，通常用于獲取數據，比如搜索功能。下面是一個使用GET方法獲取表單數據的示例：

function getData() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = this.responseText;
// 處理響應數據
}
};
xhttp.open("GET", "getData.php?name=" + name + "&age=" + age, true);
xhttp.send();
}

在上面的例子中，我們通過document.getElementById方法獲取表單中的name和age兩個輸入框的值，并將其拼接到URL的查詢字符串中。然后使用XMLHttpRequest對象創建一個GET請求，并將數據發送到服務器的getData.php文件中。當服務器端返回響應時，我們可以在回調函數中獲取到這個數據，并進行相應的處理。

POST方法通過請求體來傳遞表單數據，通常用于提交數據給服務器進行處理。下面是一個使用POST方法獲取表單數據的示例：

function postData() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = this.responseText;
// 處理響應數據
}
};
xhttp.open("POST", "postData.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("name=" + name + "&age=" + age);
}

在上面的例子中，我們同樣通過document.getElementById方法獲取表單中的name和age兩個輸入框的值。然后使用XMLHttpRequest對象創建一個POST請求，并將數據發送到服務器的postData.php文件中。需要注意的是，我們需要通過setRequestHeader方法設置請求頭的Content-type為application/x-www-form-urlencoded，這樣服務器端才能正確地解析請求體中的數據。

通過GET方法和POST方法，我們可以根據具體的需求選擇合適的方式來獲取表單數據。GET方法適用于獲取數據，比如搜索功能；而POST方法適用于提交數據給服務器進行處理。

總的來說，使用Ajax獲取表單數據類型是一種非常常見的技術，在網頁開發中可以起到很大的作用。通過合理的使用GET方法和POST方法，我們可以實現更好的用戶體驗，并且在與服務器的交互中更加靈活和高效。