AJAX（Asynchronous JavaScript and XML）是一種用于在后臺與服務器交換數據的技術，可以實現無需刷新整個頁面的數據傳輸和更新。通過使用AJAX，我們可以從表單中獲取數據，而無需重新加載整個頁面，提供了更加便捷高效的用戶體驗。

舉個例子來說明：假如我們正在制作一個電商網站，并且有一個注冊頁面，用戶需要填寫自己的姓名、電子郵件和密碼等信息。以前，當用戶點擊注冊按鈕時，需要刷新整個頁面，才能將用戶填寫的信息發送給服務器進行注冊。而利用AJAX技術，我們可以在用戶填寫完表單后，通過JavaScript將這些數據發送給服務器進行驗證和注冊，而無需整個頁面的刷新。

function submitForm() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var password = document.getElementById("password").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/register");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
alert("注冊成功！");
} else {
alert("注冊失敗，請檢查您的輸入！");
}
}
};
var data = JSON.stringify({ name: name, email: email, password: password });
xhr.send(data);
}

在上述例子中，我們通過使用JavaScript中的XMLHttpRequest對象創建一個HTTP請求，并將表單中的數據轉換為JSON格式數據發送給服務器的/register路徑。服務器接收請求后，進行相關處理，并將處理結果以JSON格式返回。最后，我們通過在readyState為4且status為200的時候解析服務器返回的響應，并根據響應中的success字段判斷注冊是否成功，彈出相應的結果提示。

通過上述例子，我們可以看到利用AJAX技術從表單中獲取數據并發送給服務器非常簡單。不僅提高了用戶的注冊體驗，還減輕了服務器的壓力，提高了網站的響應速度。

除了表單數據，我們還可以使用AJAX從其他DOM元素中獲取數據，比如一個下拉菜單或復選框的選項，然后發送給服務器進行處理。

function updatePreference() {
var preference = document.getElementById("preference").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/preference");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
alert("偏好設置已更新！");
} else {
alert("更新失敗，請稍后再試！");
}
}
};
var data = JSON.stringify({ preference: preference });
xhr.send(data);
}

在上述例子中，我們通過獲取id為preference的DOM元素的值，將其作為偏好設置發送給服務器的/preference路徑。服務器進行相應的處理后，將處理結果以JSON格式返回。根據返回結果，我們彈出相應的結果提示。

總之，AJAX技術是一種非常有用的技術，可以在不刷新整個頁面的情況下，實現數據的傳輸和更新。通過從表單或其他DOM元素中獲取數據，并將其發送給服務器，我們可以提供更好的用戶體驗，提高網站的響應速度和性能。