AJAX（Asynchronous JavaScript and XML）技術是一種用于在前端與后端之間進行異步數據傳輸的技術。它能夠實現在不刷新整個網頁的情況下，更新部分網頁內容，令用戶體驗更加流暢和快速。而實現AJAX技術的關鍵對象是XMLHttpRequest對象。

XMLHttpRequest對象是AJAX技術中最重要的對象之一，它負責在后臺與服務器進行數據交互。通過XMLHttpRequest對象，前端可以向服務器發送請求并接收響應，以實現網頁內容的動態更新。其較為典型的應用場景是在網頁上通過用戶輸入的關鍵字，實時從服務器搜索相關內容并顯示。下面是一個簡單的示例：

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 監聽狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 請求成功，更新網頁內容
document.getElementById("searchResult").innerHTML = xhr.responseText;
} else {
// 請求失敗，顯示錯誤信息
console.log("Error: " + xhr.status);
}
}
};
// 發送請求
xhr.open("GET", "/search?q=keyword", true);
xhr.send();

上述示例中，XMLHttpRequest對象通過創建一個實例xhr來與服務器進行交互。通過設置xhr對象的onreadystatechange屬性，我們可以指定在請求狀態改變時執行的回調函數。當readyState屬性的值變為XMLHttpRequest.DONE（值為4）時，表示請求已完成，這時我們可以根據status屬性的值來判斷請求是否成功。如果狀態碼為200，則表示請求成功，我們可以通過responseText屬性獲取服務器返回的數據，并將其更新到網頁上的"searchResult"元素中。

除了XMLHttpRequest對象，還有一個關鍵對象是FormData對象。FormData對象用于在發送AJAX請求時，以鍵值對的形式發送表單數據。相比于傳統的URL參數字符串，FormData對象可以方便地處理文件上傳等復雜的表單數據。下面是一個使用FormData對象實現上傳文件的示例：

// 創建FormData對象
var formData = new FormData();
// 將上傳的文件添加到FormData對象中
var fileInput = document.getElementById("fileInput");
formData.append("file", fileInput.files[0]);
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 監聽狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 請求成功，顯示上傳結果
console.log("Upload success!");
} else {
// 請求失敗，顯示錯誤信息
console.log("Upload failed: " + xhr.status);
}
}
};
// 發送請求
xhr.open("POST", "/upload", true);
xhr.send(formData);上述示例中，首先我們創建了一個FormData對象，并使用append方法將文件添加到其中。然后，我們使用XMLHttpRequest對象來發送這個FormData對象，以實現文件上傳功能。當請求完成時，根據狀態碼來判斷上傳結果，并作相應的處理。
綜上所述，XMLHttpRequest對象和FormData對象是實現AJAX技術的關鍵對象。通過XMLHttpRequest對象，我們可以與服務器進行數據交互，并根據響應來更新部分網頁內容。而通過FormData對象，我們可以方便地處理表單數據，包括上傳文件等復雜的數據類型。這些對象的合理應用，使得AJAX技術在實現網頁的動態更新和用戶交互方面發揮了重要的作用。