查看Ajax请求返回的数据
做网页开发时，经常会用到Ajax从后台获取数据。比如你在一个商品页面点击“加载更多评论”，页面没刷新就出了新内容，这多半是Ajax在干活。这时候你想知道它到底从服务器拿回了啥数据，最直接的办法就是去浏览器控制台看响应内容。
打开开发者工具
在大多数浏览器里，按下 F12 就能打开开发者工具。切换到 "Network"（网络）标签，然后刷新页面或触发Ajax操作。你会看到一堆请求记录，找到类型为 xhr 或 fetch 的那条，点进去就能看到请求和响应的详细信息。
用 console.log 输出响应结果
如果你写了自己的Ajax代码，想快速看到返回的数据，可以直接在回调函数里用 console.log 打印。比如用原生JavaScript写：
<script>
fetch('/api/comments')
.then(response => response.json())
.then(data => {
console.log(data); // 在控制台输出Ajax响应
});
</script>运行后，打开控制台就能看到打印出的JSON数据。这对调试接口是否正常、字段有没有传错特别有用。
jQuery 中的处理方式
如果还在用 jQuery，写法也差不多：
<script>
$.ajax({
url: '/api/user',
method: 'GET',
success: function(res) {
console.log(res); // 输出响应数据
},
error: function(err) {
console.log('请求失败', err);
}
});
</script>只要在 success 回调里加上 console.log，一拿到数据就会显示在控制台。
实际场景举例
比如你在做一个表单提交功能，用户填完信息点“提交”，页面提示“成功”但你怀疑数据根本没传对。这时候在 success 里加一行 console.log(res)，一看返回的是不是预期的 { code: 0, msg: 'ok' }，马上就能定位问题。
有时候后端返回了错误信息，但前端没做提示，页面看起来像卡住了。控制台一查，发现 res 是 { code: 500, message: '参数缺失' }，问题根源立马清楚。
小技巧：格式化输出
如果返回的是复杂对象，可以用 console.table(res) 让数据以表格形式展示，看起来更清晰。或者分段打印，比如只看某个字段：console.log(res.list.length)，适合数据量大的情况。
别忘了上线前把这些 console.log 清理掉，不然用户也能看到你的调试信息，显得不太专业。