AJAX（Asynchronous JavaScript and XML）是一種在Web頁面上進行異步數據交互的技術。它通過在后臺與服務器進行少量數據交換，避免了整個頁面的刷新，提升了用戶體驗。在AJAX中，回調函數起到了非常關鍵的作用，它可以在數據請求完成后自動執行相應的代碼。回調函數的參數傳遞在AJAX中也十分重要，它可以將返回的數據傳遞給回調函數并進行后續操作。

假設我們有一個網頁，其中包含一個按鈕，點擊按鈕后會通過AJAX請求獲取當前時間并將其展示在頁面上。我們可以通過以下代碼實現：

function showTime(time) {
console.log(time);
}
function getTime() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "get_time.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var time = xhr.responseText;
showTime(time);
}
};
xhr.send();
}

在上面的代碼中，我們定義了一個名為"showTime"的回調函數，并將它作為參數傳遞給了XMLHttpRequest對象的"onreadystatechange"屬性。當異步請求狀態改變時(readyState為4，status為200)，該回調函數會被調用。回調函數中的參數"time"是通過"xhr.responseText"獲取的。

我們可以進一步優化代碼，將回調函數的定義和傳遞合并為一步：

function getTime() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "get_time.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var time = xhr.responseText;
console.log(time);
}
};
xhr.send();
}

上面的代碼中，我們直接在回調函數中處理返回的時間數據，而不再調用名為"showTime"的函數。這樣可以減少代碼的復雜性，并且不再需要專門定義一個回調函數。

在一些情況下，我們可能需要將多個參數傳遞給回調函數。例如，我們需要發送一個AJAX請求獲取用戶信息，并在請求完成后更新頁面上的用戶信息模塊。

function updateUserInfo(name, age, email) {
// 更新用戶信息模塊的代碼
console.log(name, age, email);
}
function getUserInfo(userId) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "get_user_info.php?id=" + userId, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var userInfo = JSON.parse(xhr.responseText);
updateUserInfo(userInfo.name, userInfo.age, userInfo.email);
}
};
xhr.send();
}
getUserInfo(123);

在上面的例子中，我們通過AJAX請求獲取用戶信息，并將返回的JSON對象解析為JavaScript對象。然后，我們調用名為"updateUserInfo"的回調函數，將用戶信息的各個屬性作為參數傳遞給該函數。

回調函數的參數傳遞是AJAX中非常重要的一個概念，它使得我們可以在異步請求完成后對返回的數據進行進一步處理。通過合理的參數傳遞，我們可以更加靈活地操作數據，并將其展示在頁面上。無論是簡單的時間顯示，還是復雜的用戶信息更新，回調函數的參數傳遞都是AJAX開發中的關鍵技術之一。