输出 JSON 数据时的 Content-Type

导语

缘由是这样的，给前端返回 json 数据，反馈说数据不对（前端是在原代码基础上复制修改的，去掉 jsonp）。看了下后端代码，发现是两次返回 json 的代码不同。但这不是问题的原因，然后再一看 JS 代码，是前端没有进行转换。也正好借此机会，看了下平时没有注意到的点。

分析

日常写代码，返回一些简短数据的时候，没有使用框架封装的方法，如下

exit(json_encode(['message' => 'test']));

这时候响应头的 Content-Type 是 text/html 。

如果用框架（ThinkPHP 3.0）的返回方式，

$this->ajaxReturn(['message' => 'test']);

这时候响应头的 Content-Type 是 text/html; charset=utf-8 。看了源码，是有这行代码的

header('Content-Type:text/html; charset=utf-8');

结论

实际上，json 数据是有特定的 Content-Type，是 application/json 。后来又去看了 Laravel ，返回 json 的时候， Content-Type 就是 application/json 。出现这样的问题，是因为自己不够严谨，而且使用的框架有些老旧。
补充一下，后来又看了前端的代码。实际上用 JQuery 封装的 ajax 方法，dataType 设置为 jsonp 或者 json，都可以自动转换为 json 格式，即使 Content-Type 是 text/html; charset=utf-8，这时用 typeof 函数打印返回值，是 object 类型，这也是之前代码没有问题的原因。或者使用 JSON.parse() 转换一下返回值，也是可以的。当然最稳妥的方案还是后端设置 Content-Type 为 application/json。

参考资料：Content-Type。