XMLHttpRequest设置responseType为json后，Chrome与IE兼容问题求解

这个问题的核心是不同浏览器对XMLHttpRequest的responseType='json'支持不一致：

• Chrome等现代浏览器会严格遵循规范，自动将符合JSON格式的响应解析为JavaScript对象，此时abc.response已经是一个可用的对象，不需要再调用JSON.parse()。
• 旧版本IE（尤其是IE10及以下）并不支持responseType='json'这个设置，即使你指定了，abc.response依然返回原始的JSON字符串，而不是解析后的对象。

所以你在Chrome里执行JSON.parse(abc.response)时，相当于把[object Object]（对象转字符串的默认结果）传给了JSON.parse()，这就会触发Unexpected token o的语法错误——因为parse()只能处理JSON格式的字符串，不能直接解析对象。

解决方案：统一兼容逻辑 #

有两种可靠的方式实现跨浏览器兼容，推荐第二种更简洁的方案：

方案1：判断响应类型后处理 #

先检查abc.response的类型，如果是对象就直接使用，否则再解析字符串：

var answer;
// 先判断是否已经是解析好的对象
if (typeof abc.response === 'object' && abc.response !== null) {
  answer = abc.response;
} else {
  // 否则用responseText解析原始字符串
  answer = JSON.parse(abc.responseText);
}

// 后续业务逻辑
if (answer.success) {
  window.alert("GOODBOY!");
} else {
  window.alert("YOUFAILED" + answer.message);
}

方案2：直接使用responseText统一解析 #

放弃依赖responseType='json'，直接获取原始响应文本并手动解析——这种方式对所有浏览器都生效，不管是否支持responseType：

// 可以不用设置abc.responseType = 'json'，或者设置了也不影响
var answer = JSON.parse(abc.responseText);

if (answer.success) {
  window.alert("GOODBOY!");
} else {
  window.alert("YOUFAILED" + answer.message);
}

方案2的优势是逻辑更简单，避免了浏览器差异带来的判断，而且responseText是所有支持XHR的浏览器都具备的属性，兼容性最好。

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