输出 JSON 数据时的 Content-Type

最新推荐文章于 2025-02-20 10:31:53 发布

weixin_33874713

最新推荐文章于 2025-02-20 10:31:53 发布

阅读量4.3k

点赞数

CC 4.0 BY-SA版权

文章标签： json php 前端 ViewUI

原文链接：https://segmentfault.com/a/1190000018050331

本文通过一个前端反馈的数据问题，探讨了后端返回JSON数据时Content-Type的重要性。分析了不设置或设置错误Content-Type可能导致的问题，并指出JSON数据应设置Content-Type为'application/json'。同时提到，即使Content-Type不正确，JQuery的ajax方法也能自动转换JSON格式。最后建议，为确保数据正确处理，后端应正确设置Content-Type。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

导语

缘由是这样的，给前端返回 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。