隨著前端技術的發展，Ajax（Asynchronous JavaScript and XML）成為了Web開發中不可或缺的一部分。通過使用Ajax，我們可以實現在不刷新整個頁面的情況下，與服務器進行數據交互，從而提升用戶體驗。而當我們需要上傳文件或者提交復雜的表單數據時，Ajax提交FormData表單成為了一個非常實用的方法。

FormData對象是 HTML5 新增的一種數據類型，可以用來實例化一個表單對象，然后通過Ajax方式將該對象發送到服務器。相比于傳統的表單提交方式，使用FormData提交表單可以很方便地傳遞文件和其他復雜的表單數據，比如鍵值對、JSON數據等。

下面是一個使用Ajax提交FormData表單的例子：

// HTML
<form id="myForm" enctype="multipart/form-data">
<input type="text" name="name" placeholder="請輸入姓名">
<input type="file" name="avatar">
<input type="submit" value="提交">
</form>
// JavaScript
const form = document.getElementById('myForm');
const formData = new FormData(form);
// 創建XMLHttpRequest對象
const xhr = new XMLHttpRequest();
// 指定請求的方式、URL以及是否異步
xhr.open('POST', '/submit', true);
// 發送FormData數據
xhr.send(formData);
// 監聽請求狀態變化
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
console.log('表單提交成功！');
}
}

在上面的例子中，我們首先創建了一個帶有id為“myForm”的表單元素，其中包含了一個文本輸入框和一個文件上傳輸入框。我們通過FormData構造函數實例化了一個FormData對象，并將表單元素作為參數傳入。接著，我們創建了一個XMLHttpRequest對象，并指定了POST請求的URL以及是否異步。通過調用xhr.send(formData)方法，我們將FormData對象作為請求體發送到服務器。

通過監聽xhr對象的onreadystatechange事件，我們可以獲取服務器返回的響應狀態。當readyState屬性的值為4，即請求已完成并且響應已準備好時，我們可以通過status屬性判斷服務器是否成功處理了我們提交的表單數據。在上面的例子中，如果服務器返回的狀態碼為200，則表示表單提交成功。

使用Ajax提交FormData表單在實際開發中非常常見。比如，我們可以使用它來上傳用戶頭像：

// HTML
<form id="avatarForm" enctype="multipart/form-data">
<input type="file" name="avatar">
<input type="button" value="上傳頭像" onclick="uploadAvatar()">
</form>
// JavaScript
function uploadAvatar() {
const form = document.getElementById('avatarForm');
const formData = new FormData(form);
const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.send(formData);
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
console.log('頭像上傳成功！');
}
}
}

在上面的例子中，我們定義了一個uploadAvatar函數，當點擊按鈕時，會調用該函數。在函數內部，我們從表單中獲取了文件上傳輸入框的值，并以FormData的形式發送到服務器。通過監聽xhr對象的onreadystatechange事件，我們可以獲取服務器返回的響應狀態并做相應的處理。例如，在成功上傳頭像后，我們會在控制臺輸出“頭像上傳成功！”。

總的來說，Ajax提交FormData表單是一種非常方便的方法，可以在前端實現與服務器的數據交互，尤其適用于上傳文件或者提交包含復雜表單數據的情況。通過使用FormData對象，我們可以更加靈活地處理表單數據，并且能夠提供更好的用戶體驗。