jQuery Ajax中dataType="json"与JSON.parse()的区别是什么？

先看两种实现代码的对比：

方式一：设置dataType: 'json' #

$.ajax({
    url: path,
    type: 'POST',
    dataType: 'json',
    data: {
        block : lang,
    },
}).done(function(response, textStatus, jqXHR) {
    output = response;
});

方式二：手动调用JSON.parse #

$.ajax({
    url: path,
    type: 'POST',
    data: {
        block : lang,
    },
}).done(function(response, textStatus, jqXHR) {
    output = JSON.parse(response);
});

两者的核心区别主要体现在这几个方面：

• 解析逻辑的自动性
  设置dataType: 'json'后，jQuery会自动完成JSON解析流程：拿到响应后直接把内容转成JavaScript对象，传给done回调的response参数，无需手动处理。而手动调用JSON.parse时，你必须自己确保response是合法的JSON字符串，才能完成转换。

• 错误处理机制
  用dataType: 'json'时，如果响应的JSON格式不合法，jQuery会直接触发fail回调，你可以统一在这个回调里处理解析失败的情况。但手动JSON.parse的话，一旦响应不是合法JSON，会直接抛出JavaScript异常，必须自己用try/catch包裹代码，否则会导致后续逻辑中断。

• 对响应头的依赖差异
  dataType: 'json'会强制jQuery忽略响应的Content-Type头，直接把响应内容当作JSON解析。而不设置dataType时，jQuery会根据服务器返回的Content-Type判断响应类型：如果头是application/json，它会自动解析成对象，这时候再调用JSON.parse就会报错（因为response已经是对象）；只有当头不是JSON类型时，才会返回字符串，手动parse才有效。

• 鲁棒性与边界处理
  dataType: 'json'是jQuery封装好的逻辑，已经处理了诸如响应空白字符、编码兼容等边界情况，鲁棒性更强。手动parse则完全依赖开发者自己的代码处理，容易因为服务器返回非JSON的错误信息等意外情况导致报错。

内容的提问来源于stack exchange，提问作者Damian Chudobiński