使用jQuery alert打印JSON响应时显示undefined问题求助

嘿，我看到你的问题了——明明控制台能正常显示AJAX返回的JSON数据，可alert弹窗却跳出个"undefined"，这确实挺让人摸不着头脑的。咱们来拆解下问题出在哪儿：

你在success回调里写了这段代码：

alert(console.log(xhr));

这里的核心问题是：console.log()函数本身的返回值就是undefined。你相当于把console.log(xhr)的返回结果（也就是undefined）传给了alert，所以弹窗自然会显示undefined。而控制台能看到数据，是因为console.log(xhr)确实执行了打印操作，但它不会把打印的内容作为返回值返回给alert。

修正方案 #

只需要把console.log和alert分开，直接alert返回的响应数据就行。另外要注意，如果返回的是JSON对象，直接alert会显示[object Object]，最好用JSON.stringify()转成字符串：

$.ajax({
  headers: { 
    "Accept" : "application/json", 
    "Content-Type": "application/json" 
  },
  url: "http://192.168.1.1:8000",
  type: "POST",
  data: JSON.stringify(jsonString),
  error: function (xhr, ajaxOptions, thrownError) { 
    $('#response').html(xhr); 
  },
  cache: false,
  success: function(response){ // 这里把参数名改成response更符合常规命名
    console.log(response); // 控制台正常打印数据
    alert(JSON.stringify(response)); // 弹窗显示格式化后的JSON字符串
  }
});

如果想让弹窗里的JSON更易读，还可以给JSON.stringify()加上缩进参数：

alert(JSON.stringify(response, null, 2)); // 带2个空格缩进，结构更清晰

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