如何在JavaScript的alert弹窗中显示HTTP响应与JSON响应？

别担心，新手碰到这种情况太正常了！我来一步步帮你搞定～

首先你要知道：window.alert() 只能直接显示字符串类型的内容。如果你直接把JSON对象丢进去，它只会显示 [object Object]，这就是你遇到问题的核心原因。下面给你几种实用的解决方法：

方法1：把JSON对象转成格式化的字符串 #

用浏览器原生的 JSON.stringify() 方法，它能把JSON对象转换成可读性强的字符串，还可以设置缩进让格式更清晰：

// 假设你的JSON响应是这个对象
const jsonResponse = {
  name: "Ashley",
  status: "success",
  data: { id: 123, content: "Hello World" }
};

// 转成带缩进的字符串，第二个参数是替换器（这里用null就行），第三个是缩进空格数
const formattedJson = JSON.stringify(jsonResponse, null, 2);
window.alert(formattedJson);

这样alert弹窗里就会显示排版整齐的JSON内容啦！

方法2：如果你的响应已经是JSON字符串 #

有时候你拿到的响应可能已经是字符串格式的JSON（比如从接口返回的原始数据），这时候直接alert可能会显示一堆挤在一起的字符，同样可以用 JSON.parse() 先转成对象，再用上面的方法转成格式化字符串：

// 假设接口返回的是JSON字符串
const rawJsonString = '{"name":"Ashley","status":"success","data":{"id":123,"content":"Hello World"}}';

// 先转成对象，再格式化
const jsonObj = JSON.parse(rawJsonString);
const formattedJson = JSON.stringify(jsonObj, null, 2);
window.alert(formattedJson);

小提示 #

如果只是想快速查看JSON内容，其实浏览器的控制台（按F12打开）用 console.log(jsonResponse) 会更方便，能展开折叠查看层级，但如果一定要用alert的话，上面的方法就完全够用啦！

内容的提问来源于stack exchange，提问作者Ashley