AJAX是一種用于構建動態網頁的技術，能夠使網頁在不刷新的情況下與服務器進行通信。在開發過程中，我們經常需要調試AJAX請求，查看服務器返回的數據。本文將介紹如何使用AJAX來控制臺輸出返回的數據。

首先，我們需要在AJAX的回調函數中使用console.log()來輸出服務器返回的數據。例如，我們有一個AJAX請求發送到了服務器，我們希望將服務器返回的數據輸出到控制臺。我們可以這樣寫：

$.ajax({
url: "example.php",
success: function(response) {
console.log(response);
}
});

在這個例子中，我們發送了一個AJAX請求到example.php頁面，并且在請求成功后，使用console.log()輸出了服務器返回的數據。在控制臺中，我們可以看到返回的數據。

不僅僅可以輸出全部的服務器返回數據，我們還可以輸出其中的某一項。例如，如果服務器返回的是一個JSON對象，我們可以使用點操作符來獲取其中的某個屬性。下面是一個演示：

$.ajax({
url: "example.php",
success: function(response) {
console.log(response.name); // 輸出JSON對象中的name屬性
}
});

在這個例子中，我們假設服務器返回的是一個名為response的JSON對象，其中包含一個name屬性。我們使用console.log()來輸出該屬性的值。

如果我們希望在AJAX請求失敗時也能夠看到服務器返回的數據，可以使用error回調函數。例如：

$.ajax({
url: "example.php",
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.log(xhr.responseText);
}
});

在這個例子中，當AJAX請求失敗時，我們使用console.log()輸出了xhr對象的responseText屬性。該屬性包含了服務器返回的數據。

需要注意的是，在使用AJAX時，服務器返回的數據可能是HTML、文本、JSON等格式。根據服務器返回的數據格式的不同，我們可以采用不同的方式來輸出。例如，如果服務器返回的是HTML，可以使用console.log()來輸出HTML代碼：

$.ajax({
url: "example.php",
success: function(response) {
console.log($(response).html());
}
});

在這個例子中，我們將服務器返回的HTML代碼轉換成jQuery對象，然后使用.html()方法獲取其中的HTML內容，再使用console.log()輸出。

總結來說，通過在AJAX的回調函數中使用console.log()，我們可以方便地在控制臺輸出服務器返回的數據。無論是輸出全部數據還是其中的某一項，都能夠幫助我們進行調試和開發。