在現代web應用開發中，文件上傳是一個非常常見的需求。然而傳統的文件上傳方式需要刷新整個頁面，給用戶帶來不便。而使用Ajax技術，可以實現在不刷新頁面的情況下上傳文件，大大提升用戶的使用體驗。本文將介紹如何使用Ajax上傳文件，并結合Spring MVC框架進行實現。

首先，我們需要在前端頁面中添加一個文件上傳表單，例如：

<form id="uploadForm" action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="file" id="file" />
<button type="button" onclick="uploadFile()">上傳文件</button>
</form>

上述代碼中，通過設置表單的enctype屬性為"multipart/form-data"，以支持文件上傳。文件選擇框通過input標簽的type屬性設置為"file"，并設置name屬性為"file"，以與后端代碼進行對應。

接下來，我們需要在前端頁面中編寫JavaScript函數來實現文件上傳功能。我們可以使用原生的JavaScript代碼，也可以借助jQuery等庫來實現。下面是一個使用原生JavaScript實現的例子：

function uploadFile() {
var file = document.getElementById("file").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) {
alert("文件上傳成功！");
}
};
xhr.send(formData);
}

在上述代碼中，首先獲取文件選擇框中選擇的文件，并創建一個FormData對象，將文件對象添加到formData中。然后，創建一個XMLHttpRequest對象，并設置請求的方法、URL和是否異步。通過監聽XMLHttpRequest對象的onreadystatechange事件，可以在文件上傳完成后執行相應的操作。

在后端Spring MVC的控制器中，我們需要添加一個用于處理文件上傳的方法，例如：

@RequestMapping(value = "/upload", method = RequestMethod.POST)
public String uploadFile(@RequestParam("file") MultipartFile file) {
// 處理文件上傳的邏輯
// ...
return "success";
}

上述代碼中，使用@RequestMapping注解將該方法映射到/upload的POST請求上。通過@RequestParam注解，將前端發送的文件對象綁定到方法的參數file上。在方法中，我們可以進行文件上傳的邏輯處理，例如將文件保存到服務器指定的目錄中等。

通過以上的示例，我們可以看到使用Ajax技術進行文件上傳十分簡單，并且能夠提升用戶的使用體驗。通過不刷新整個頁面，用戶可以實時獲得上傳的進度和結果，而不需要等待整個頁面重新加載。在實際開發中，我們可以根據項目需求，對文件上傳的邏輯進行優化和完善，從而達到更好的用戶體驗和系統性能。