AJAX（Asynchronous JavaScript and XML）是一種用于在客戶端和服務器之間異步傳輸數據的技術。它可以在不刷新整個頁面的情況下更新部分頁面內容，提升用戶體驗。文件表單上傳是指將用戶選擇的文件通過HTTP請求上傳到服務器。在傳統的表單上傳方式中，用戶選擇文件后，需要等待整個頁面刷新完成才能看到上傳結果。而借助AJAX技術，我們可以實現文件表單的異步上傳，實時更新上傳進度，并在上傳完成后更新頁面內容。

為了實現AJAX文件表單上傳，我們需要借助XMLHttpRequest對象，它是瀏覽器提供的用于在客戶端和服務器之間發送請求的接口。下面是一個簡單的文件表單上傳的示例：

<form id="fileForm" enctype="multipart/form-data" action="/upload" method="POST">
<input type="file" name="file" id="fileInput" />
<input type="submit" value="上傳" />
</form>
<script>
var fileForm = document.getElementById("fileForm");
var fileInput = document.getElementById("fileInput");
fileForm.addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
var formData = new FormData(fileForm); // 創建FormData對象，將表單數據包裝起來
var xhr = new XMLHttpRequest(); // 創建XMLHttpRequest對象
xhr.upload.addEventListener("progress", function(event) {
if (event.lengthComputable) {
var percentComplete = event.loaded / event.total * 100; // 計算上傳進度的百分比
console.log("上傳進度：" + percentComplete + "%");
}
});
xhr.addEventListener("load", function() {
console.log("上傳完成！");
// 更新頁面內容
});
xhr.open("POST", fileForm.action); // 設置請求的方法和URL
xhr.send(formData); // 發送請求
});
</script>

在上面的示例中，我們首先獲取了表單和文件輸入元素的引用。然后，我們在表單的提交事件上添加了一個監聽器，當表單提交時，執行這個監聽器中的邏輯。在監聽器中，我們阻止了表單的默認提交行為，然后創建了一個FormData對象，將表單數據包裝起來。接下來，我們創建了一個XMLHttpRequest對象，并注冊了一個進度事件的監聽器，用于實時更新上傳進度。在上傳完成后，我們還可以添加一個load事件的監聽器，用于更新頁面內容。最后，我們通過XMLHttpRequest對象的open方法設置請求的方法和URL，并通過send方法發送請求。

通過上面的代碼，我們實現了一個簡單的AJAX文件表單上傳功能。無論是上傳大文件還是多個文件，都不會阻塞頁面的交互。用戶可以隨時取消上傳，也可以查看上傳進度。在上傳完成后，我們可以根據服務器返回的結果更新頁面內容，例如顯示上傳成功的提示信息。

總結來說，借助AJAX技術，我們可以實現文件表單的異步上傳，提升用戶體驗。無論是上傳大文件還是多個文件，都可在不刷新整個頁面的情況下實時更新上傳進度，并在上傳完成后更新頁面內容。使用XMLHttpRequest對象可以方便地發送異步請求，并通過監聽器獲取響應的進度和結果。