AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個頁面的情況下，通過與服務器進行異步通信的技術。使用AJAX可以在不中斷用戶操作的情況下，向服務器發送請求并接收響應，從而實現動態更新頁面內容。

在玩轉AJAX時，經常遇到的一種需求是實現文件上傳。與傳統的表單提交不同，文件上傳需要使用POST請求。下面將介紹如何使用AJAX發送POST請求進行文件上傳。

首先，我們需要一個簡單的HTML表單，其中包含一個文件選擇框和一個提交按鈕：

<form id="uploadForm" enctype="multipart/form-data">
<input type="file" id="myFile" name="myFile" />
<input type="button" value="上傳" onclick="uploadFile()" />
</form>

在JavaScript代碼中，我們可以使用FormData對象來獲取表單數據，并利用XMLHttpRequest對象發送POST請求：

function uploadFile() {
var fileInput = document.getElementById("myFile");
var file = fileInput.files[0];
var formData = new FormData();
formData.append("file", file);
var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(formData);
}

在上述代碼中，我們首先獲取文件選擇框的值，然后創建一個FormData對象，并將文件添加到其中。接下來，我們創建一個XMLHttpRequest對象，并通過open方法指定請求的類型、URL和是否為異步請求。

當xhr對象的readyState屬性發生變化時，我們檢查其狀態是否為4（即請求已完成）和狀態碼是否為200（即請求成功）。如果滿足這兩個條件，說明文件上傳成功，我們可以通過xhr.responseText屬性獲取服務器返回的響應內容。

在后臺服務器端，我們需要編寫相應的代碼來處理文件上傳。下面是一個PHP示例：

if ($_FILES["file"]["error"] == 0) {
$file = $_FILES["file"]["tmp_name"];
$destination = "uploads/" . $_FILES["file"]["name"];
move_uploaded_file($file, $destination);
echo "文件上傳成功！";
} else {
echo "文件上傳失敗！";
}

在上述PHP代碼中，我們首先檢查文件上傳時是否出現錯誤。如果沒有錯誤，我們獲取臨時文件的路徑，并指定文件上傳的目標路徑。然后，使用move_uploaded_file函數將文件從臨時位置移動到目標位置。最后，我們向客戶端發送一個成功或失敗的消息。

通過以上步驟，我們就可以實現使用AJAX發送POST請求進行文件上傳了。當用戶選擇文件并點擊提交按鈕時，文件將被異步上傳到服務器，并在上傳完成后，用戶可以看到相應的響應消息。這樣就能夠提升用戶體驗，減少頁面刷新次數。