什么是 content-type: text/json 和 application/json 的确切区别？

在前端开发中，我们通常需要使用 JSON（JavaScript Object Notation）格式来传输数据。当我们向服务器发送请求以获取 JSON 数据时，我们需要设置正确的 Content-Type header 来确保服务器能够正确地解析它。

常见的 Content-Type 值包括 text/html、application/json、text/plain 等等。在本文中，我们将重点探讨其中的两个：content-type: text/json 和 application/json，它们之间的确切区别是什么。

content-type: text/json

首先，我们来看看 content-type: text/json。这个 Content-Type 值并不是标准的 MIME 类型，因此在实际使用过程中可能会出现问题。一些浏览器和服务器可能无法正确解析这种类型的内容，导致出现错误。

另外，在 RFC8259 中明确指出，JSON 文本应该使用 UTF-8 编码，而 text/json 并没有指定编码方式。因此，如果我们使用 content-type: text/json 来传输 JSON 数据，并且没有指定编码方式，那么可能会导致解析错误或乱码现象。

以下是一个使用 content-type: text/json 的示例：

fetch('https://example.com/data.json', {
  headers: {
    'Content-Type': 'text/json'
  }
})
  .then(response => response.json())
  .then(data => console.log(data))

application/json

接下来，我们来看看更常用的 Content-Type 值：application/json。这个 MIME 类型指定了数据以 JSON 格式进行编码，并且使用 UTF-8 编码。因此，我们通常使用 application/json 来传输 JSON 数据。

以下是一个使用 application/json 的示例：

fetch('https://example.com/data.json', {
  headers: {
    'Content-Type': 'application/json'
  }
})
  .then(response => response.json())
  .then(data => console.log(data))

总结

在本文中，我们探讨了 content-type: text/json 和 application/json 之间的区别。虽然它们都可以用来传输 JSON 数据，但是前者并不是标准的 MIME 类型，而且没有指定编码方式，可能会导致解析错误或乱码现象。因此，我们应该尽可能地使用 application/json 来传输 JSON 数据。

除了 Content-Type header 之外，还有其他一些要注意的事项，例如响应头、CORS 等等。在实际开发过程中，我们需要根据具体情况做出相应的调整以确保数据能够正确地传输和解析。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606ed8fb2d2a29a3c1201c84