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()，我们可以方便地在控制台输出服务器返回的数据。无论是输出全部数据还是其中的某一项，都能够帮助我们进行调试和开发。