AJAX（Asynchronous JavaScript And XML）是一種在不重新加載整個頁面的情況下，實現異步數據傳輸的技術。在網頁中，通過使用AJAX可以實現文件的上傳和后臺獲取，從而提升用戶體驗。本文將介紹如何使用AJAX上傳文件，并在后臺獲取上傳的文件。

首先，我們需要使用HTML表單來實現文件的上傳。下面是一個簡單的例子：

<form id="upload-form" enctype="multipart/form-data">
<input type="file" name="file" id="file" />
<input type="submit" value="上傳" />
</form>

在上面的例子中，我們使用了form元素和input元素來創建一個文件上傳的表單。當用戶點擊“上傳”按鈕時，表單將提交并將文件發送到服務器端。

接下來，我們將使用JavaScript中的XMLHttpRequest對象來實現使用AJAX上傳文件的功能。下面是一個簡單的例子：

var form = document.getElementById('upload-form');
var fileInput = document.getElementById('file');
form.addEventListener('submit', function(e) {
e.preventDefault();
var file = fileInput.files[0];
var formData = new FormData();
formData.append('file', file);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
console.log(response);
}
}
xhr.send(formData);
});

在上面的例子中，我們首先獲取了文件上傳表單和文件輸入元素的引用。然后，我們為表單的submit事件添加了一個事件監聽器，以確保在表單被提交時觸發我們的代碼。

在事件監聽器的回調函數中，我們首先取消了表單的默認提交行為。然后，我們獲取了用戶選擇的文件，并創建了一個FormData對象，將文件添加到其中。

接下來，我們使用XMLHttpRequest對象來發送文件數據到服務器端的URL（在上面的例子中為“/upload”）。我們打開了一個POST請求，并監聽onreadystatechange事件以便在請求結束后獲取服務器的響應。

最后，我們發送了FormData對象，將文件數據發送至服務器。在服務器端，我們可以通過使用后端技術（例如PHP或Python）來處理接收到的文件數據，并進行相應的操作，例如保存文件到服務器或對文件做其他處理。

總結來說，使用AJAX上傳文件可以實現在不刷新整個頁面的情況下，將文件上傳到服務器。通過使用JavaScript中的XMLHttpRequest對象以及FormData對象，我們可以方便地將文件數據發送到后臺并處理。