常见的几种Content-Type

文章类型:Javascript

发布者:hp

发布时间:2023-06-27

一：是什么

在请求接口中，会设置Content-Type，它Http 的实体首部字段，用于说明请求或返回的消息主体是用何种方式编码，在 request header 和 response header 里都存在

二：类型

1：application/x-www-form-urlencoded ：浏览器的原生表单形式，用于将表单数据编码为url参数格式，常用于表单提交

Content-Type: application/x-www-form-urlencoded

name=John+Doe&age=30&email=john.doe%40example.com  //变现形式

2：multipart/form-data：多部分表单数据类型，用于上传文件和表单数据的结合，常用于文件上传

<form action="/" method="post" enctype="multipart/form-data">
  <input type="text" name="description" value="some text" />
  <input type="file" name="myFile" />
  <button type="submit">Submit</button>
</form>

POST /foo HTTP/1.1
Content-Length: 68137
Content-Type: multipart/form-data; boundary=---------------------------974767299852498929531610575

---------------------------974767299852498929531610575
Content-Disposition: form-data; name="description"

some text
---------------------------974767299852498929531610575
Content-Disposition: form-data; name="myFile"; filename="foo.txt"
Content-Type: text/plain

(content of the uploaded file foo.txt)
---------------------------974767299852498929531610575--

3：application/json ： JSON数据类型，用于传输和表示结构化数据

Content-Type: application/json
{
    "name": "John Doe",
    "age": 30,
    "email": "john.doe@example.com"
}

4：text/xml ： XML数据类型，用于传输和表示结构化数据

Content-Type: application/xml

<person>
    <name>John Doe</name>
    <age>30</age>
    <email>john.doe@example.com</email>
</person>

5：text/plain：纯文本类型，表示普通的文本数据，没有特定的格式要求

Content-Type: text/plain

This is a plain text message. //提示

6：text/html： HTML文档类型，用于表示网页内容

Content-Type: text/html
<html>
<head>
    <title>Example HTML Page</title>
</head>
<body>
    <h1>Hello, world!</h1>
</body>
</html>

7：image/jpeg、image/png、image/gif：图像类型，用于表示图片数据

Content-Type: image/jpeg
<binary image data>

8：audio/mpeg、audio/wav：音频类型，用于表示音频数据

Content-Type: audio/mpeg

<binary audio data>

三：总结

1：在HTTP协议中被用于指定传输的数据类型，确保接收方能够正确解析和处理数据。根据不同的数据内容和需求

上一篇vue3 uniapp 微信分享 onShareAppMessage 不生效解决方案

下一篇html中的tabindex属性

目录收起↑