在網頁開發中，我們經常需要使用表單來獲取用戶輸入的信息。然而，當用戶點擊“提交”按鈕時，頁面會刷新，這樣會造成用戶體驗的不便。為了解決這一問題，我們可以使用Ajax技術來獲取表單中的全部信息，而無需刷新整個頁面。

假設我們有一個表單，其中包含姓名、年齡和郵箱三個字段。我們希望在用戶點擊“提交”按鈕后，用Ajax獲取這些信息，并將其顯示在頁面上。首先，我們需要編寫一個JavaScript函數，用來處理Ajax請求：

function getFormData() {
let name = document.getElementById("name").value;
let age = document.getElementById("age").value;
let email = document.getElementById("email").value;
// 在此處編寫Ajax請求代碼
}

在這個函數中，我們使用了JavaScript的getElementById方法來獲取表單中各個字段的值，并存儲在相應的變量中。接下來，我們可以使用Ajax來發送請求，并處理服務器的響應。

// 創建一個XMLHttpRequest對象
let xhr = new XMLHttpRequest();
// 設置請求方法和URL
xhr.open('POST', '/submit-form', true);
// 設置請求頭
xhr.setRequestHeader('Content-Type', 'application/json');
// 監聽響應事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let response = xhr.responseText;
// 在此處處理服務器的響應
}
};
// 將表單數據轉換為JSON格式
let formData = JSON.stringify({name: name, age: age, email: email});
// 發送請求
xhr.send(formData);

在這段代碼中，我們首先創建了一個XMLHttpRequest對象，然后使用open方法設置了請求的方法和URL。接下來，我們通過setRequestHeader方法設置了請求頭，將Content-Type設置為application/json。這是因為我們將表單數據轉換為JSON格式，以便服務器能夠正確解析。

然后，我們使用onreadystatechange事件來監聽服務器的響應。當readyState為4（即請求已完成）并且status為200（即響應成功）時，我們可以通過xhr.responseText獲取服務器返回的數據。在這里，我們可以將數據顯示在頁面上或進行其他處理。

接下來，我們還需要在表單的提交按鈕上添加一個點擊事件，調用上述定義的getFormData函數：

document.getElementById("submit-button").addEventListener("click", getFormData);

通過這種方式，當用戶點擊“提交”按鈕時，getFormData函數將會被調用，并通過Ajax獲取表單中的全部信息。 綜上所述，使用Ajax可以方便地獲取表單中的全部信息，而無需刷新整個頁面。通過編寫合適的JavaScript函數，并結合XMLHttpRequest對象和相應的事件處理函數，我們可以實現更好的用戶體驗，并在服務器端處理表單數據。