AJAX（Asynchronous JavaScript and XML）是一種在不重新加載整個頁面的情況下，通過后臺與服務器進行數據交互的技術。在前后端分離的開發模式中，文件和參數的傳遞是常見的需求。本文將介紹如何使用AJAX進行文件和參數的傳遞，并給出詳細的代碼示例。

在AJAX中，我們可以使用XMLHttpRequest對象來向服務器發送請求并獲取響應。通過設置xhr對象的屬性和方法，我們可以指定請求的類型（GET或POST）、請求的URL和參數，以及處理響應的方式。以下是一個簡單的例子，演示如何通過GET方式傳遞參數：

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.com/api?name=Tom&age=25", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();

上述代碼中，我們創建了一個XMLHttpRequest對象，并通過open方法指定了GET請求的URL和參數。然后，我們通過onreadystatechange方法監聽xhr對象的狀態變化，當狀態變為4（請求已完成）并且狀態碼為200時，我們輸出響應的文本內容。最后，通過send方法發送請求。

如果我們需要通過POST方式傳遞參數，可以使用xhr對象的setRequestHeader方法設置請求的Content-Type為application/x-www-form-urlencoded，并將參數以字符串的形式放在send方法的參數中。以下是一個示例：

var xhr = new XMLHttpRequest();
xhr.open("POST", "example.com/api", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send("name=Tom&age=25");

上面的代碼中，我們通過setRequestHeader方法設置了Content-Type為application/x-www-form-urlencoded，這是最常見的POST請求的Content-Type。然后，我們將參數name和age以字符串的形式放在send方法的參數中，用&符號連接起來。

需要注意的是，如果要傳遞一個文件，我們可以通過FormData對象來實現。以下是一個示例：

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

在上述代碼中，我們創建了一個FormData對象，并通過append方法將文件放入該對象中。然后，我們將FormData對象作為send方法的參數發送給服務器。在服務器端，可以通過$_FILES數組獲取到該文件。

總結而言，通過AJAX進行文件和參數的傳遞是常見的需求。我們可以使用XMLHttpRequest對象來發送GET或POST請求，并通過設置請求的URL、參數和處理響應的方式來實現。對于傳遞文件，我們可以使用FormData對象來封裝文件，并將其作為send方法的參數發送給服務器。