jQuery Ajax返回非预期对象，如何提取真实响应数据？

哎，我太懂这种踩坑的感觉了！你在控制台看到的那个带着readyState:4、一堆header方法的对象，根本不是服务器返回的真实数据——那是jQuery封装的jqXHR对象，是Ajax请求的实例对象，用来管理请求状态、操作响应头这些的。

问题根源 #

大概率是你搞错了Ajax成功回调的参数顺序！jQuery的success回调（或者done()方法）的参数是有固定顺序的：

• 第一个参数：服务器返回的真实响应数据
• 第二个参数：请求状态文本（比如"success"）
• 第三个参数：才是你现在打印的jqXHR对象

正确提取数据的方法 #

方法1：修正回调参数顺序

如果用的是success配置项，调整参数顺序，把真实数据放在第一个：

get_netsuite: function (cart) {
  var url = '你的接口地址'; // 补全你的实际接口地址
  $.ajax({
    url: url,
    method: 'POST', // 根据你的请求方式调整为GET/POST等
    data: cart,
    success: function(realResponseData, textStatus, jqXHR) {
      // 这里的realResponseData就是Network标签里看到的真实数据！
      console.log(realResponseData);
      // 要是数据是JSON格式，jQuery会自动解析成对象，直接用就行
    },
    error: function(jqXHR, textStatus, errorThrown) {
      // 这里可以加错误处理逻辑
    }
  });
}

方法2：用done()链式调用

如果你的代码习惯用链式调用的done()，同样第一个参数就是真实数据：

get_netsuite: function (cart) {
  var url = '你的接口地址';
  $.ajax({
    url: url,
    method: 'POST',
    data: cart
  }).done(function(realResponseData) {
    console.log(realResponseData);
  }).fail(function(jqXHR) {
    // 错误处理逻辑
  });
}

方法3：从jqXHR对象手动提取（应急方案）

要是你已经拿到了jqXHR对象，也能手动抠出真实数据：

• 如果响应是JSON格式：

// 假设xhr是你打印的那个jqXHR对象
var realData = JSON.parse(xhr.responseText);
console.log(realData);

• 如果是纯文本响应，直接用xhr.responseText即可

额外提示 #

记得确认你的Ajax请求配置里有没有加dataType: 'json'，如果服务器返回的是JSON数据，加上这个配置后jQuery会自动帮你把响应字符串解析成对象，不用手动转换。

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