AJAX（Asynchronous JavaScript and XML）是一種用于創建交互性網頁應用程序的技術。其中，回調函數在AJAX中扮演著重要的角色。

回調函數是一種在某個特定事件發生后被調用的函數。在AJAX中，回調函數通常用于處理異步請求的結果，在結果返回后執行特定操作。比如，當用戶點擊一個按鈕，觸發一個AJAX請求獲取新的數據時，回調函數可以在數據返回后更新頁面上的內容。

下面我們以一個簡單的例子來說明如何寫AJAX回調函數：

<pre>
function getData(callback) {
// 創建一個AJAX請求
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
// 當請求完成時，執行回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
callback(data);
}
};
// 發送請求
xhr.send();
}
function displayData(data) {
// 在頁面上顯示數據
var container = document.getElementById("container");
container.innerHTML = data;
}
// 調用getData函數，傳入displayData作為回調函數
getData(displayData);
</pre>

在上面的例子中，我們定義了一個getData函數，它接受一個回調函數作為參數。在getData函數中，創建了一個AJAX請求，并將回調函數綁定到xhr.onreadystatechange事件。當請求完成且狀態碼為200時，回調函數會被執行并傳入服務器返回的數據。在這個例子中，我們將服務器返回的數據顯示在頁面的container元素中。

AJAX回調函數的寫法可以有很多種，具體取決于應用場景和個人編碼風格。以下是一些常見的寫法：

1. 使用匿名函數作為回調函數：

<pre>
getData(function(data) {
// 在匿名函數中處理數據
console.log(data);
});
</pre>

2. 將回調函數作為對象的方法：

<pre>
var obj = {
displayData: function(data) {
// 在對象的方法中處理數據
console.log(data);
}
};
getData(obj.displayData);
</pre>

3. 使用箭頭函數作為回調函數：

<pre>
getData(data =>{
// 在箭頭函數中處理數據
console.log(data);
});
</pre>

無論采用何種寫法，關鍵是理解回調函數的作用和原理，并根據具體需求編寫相應的代碼。有時，在編寫回調函數時，還需要考慮錯誤處理、數據處理等方面的邏輯。

總而言之，AJAX回調函數是處理異步請求結果的重要工具。通過合理編寫回調函數，我們可以實現更加靈活和高效的AJAX交互，提升用戶體驗。