AJAX是一種強大的Web開發技術，可以實現在不刷新整個網頁的情況下更新部分頁面內容。在AJAX中，通過發送HTTP請求，可以獲取服務器上的各種數據類型，包括文本、JSON、XML以及文件。其中，獲取文件是一個常見的需求，本文將介紹AJAX如何獲取文件。

要想通過AJAX獲取文件，可以使用XMLHttpRequest對象（簡稱XHR）。XHR是一個內置的JavaScript對象，可以用于創建HTTP請求，向服務器發送請求并接收響應。通過XHR對象，我們可以發送get或post請求來獲取文件。

下面以獲取文本文件為例，介紹如何使用AJAX進行文件的獲取。

// 創建XHR對象
var xhr = new XMLHttpRequest();
// 設置請求方法和URL
xhr.open('GET', 'data.txt', true);
// 監聽狀態變化事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 文件獲取成功
var fileContent = xhr.responseText;
console.log(fileContent);
}
};
// 發送請求
xhr.send();

在上述代碼中，首先創建了一個XHR對象，然后使用open方法設置請求的方法和URL，其中第一個參數是請求方法，可以是GET或POST；第二個參數是請求的URL；第三個參數表示是否采用異步方式發送請求，這里設置為true表示異步發送。接著使用onreadystatechange事件監聽XHR對象的狀態變化，當readyState為4（響應已完成）且status為200（成功）時，說明文件獲取成功，可以通過responseText屬性獲取文件內容。最后，調用send方法發送請求。

除了文本文件，AJAX還可以獲取其他類型的文件，比如圖片、音頻、視頻等。以下是使用AJAX獲取圖片文件的示例：

// 創建XHR對象
var xhr = new XMLHttpRequest();
// 設置請求方法和URL
xhr.open('GET', 'image.png', true);
// 設置響應類型為blob
xhr.responseType = 'blob';
// 監聽狀態變化事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 文件獲取成功
var fileBlob = xhr.response;
// 創建用于顯示圖片的img元素
var img = document.createElement('img');
img.src = window.URL.createObjectURL(fileBlob);
document.body.appendChild(img);
}
};
// 發送請求
xhr.send();

上述代碼與獲取文本文件的代碼類似，只是在設置請求方法和URL后，使用responseType屬性將響應類型設置為blob。在狀態變化事件的處理函數中，可以通過response屬性獲取文件的二進制數據，然后使用window.URL.createObjectURL方法將二進制數據轉換為圖片URL，再創建img元素來顯示圖片。

總結來說，AJAX通過XHR對象可以獲取各種類型的文件，無論是文本、圖片、音頻還是視頻，都可以通過AJAX來實現。這對于開發互動性強、動態性好的Web應用程序非常重要。