Content-Type 值有哪些?

1、application/x-www-form-urlencoded

最常见 POST 提交数据的方式。

浏览器的原生 form 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。

html 复制代码
    <form action="http://www.haha/ads/sds?name=小草莓&other=hahah" method="post">
      <input type="text" value="123">
    </form>

Cntent-Type 被指定为 application/x-www-form-urlencoded。

其次,提交的数据按照【name=小草莓&other=hahah】的方式进行编码,name 和 other 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持。

2、multipart/form-data

一种常见的 POST 数据提交的方式。

我们在使用表单上传文件时,必须让 form 的 enctyped 等于这个值。

html 复制代码
    <form action="http://www.haha/ads/sds" method="post" enctype="multipart/form-data">
      <input type="file">
      <input type="submit" value="Submit" />
    </form>

如下,首先生成了一个 boundary 用于分割不同的字段,为了避免与正文内容重复,boundary 很长很复杂。

然后 Content-Type 里指明了数据是以 mutipart/form-data 来编码,本次请求的 boundary 是什么内容。消息主体里按照字段个数又分为多个结构类似的部分,每部分都是以 --boundary 开始,紧接着内容描述信息,然后是回车,最后是字段具体内容(文本或二进制)。

如果传输的是文件,还要包含文件名和文件类型信息。

消息主体最后以 --boundary-- 标示结束。

这种方式一般用来上传文件,各大服务端语言对它也有着良好的支持。

上面提到的这两种 POST 数据的方式,都是浏览器原生支持的,而且现阶段原生 form 表单也只支持这两种方式。

但是随着越来越多的 Web 站点,尤其是 Web/App,全部使用 Ajax 进行数据交互之后,我们完全可以定义新的数据提交方式,给开发带来更多便利。

3、application/json

现在越来越多的人把 application/json 作为请求头,用来告诉服务端消息主体是序列化后的 JSON 字符串。

由于 JSON 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 JSON 的函数,使用 JSON 不会遇上什么麻烦。

JSON 格式支持比键值对复杂得多的结构化数据,这一点也很有用。

这种方案,可以方便的提交复杂的结构化数据,特别适合 RESTFRL 的接口。

4、text/xml

XML-RPC(XML Remote Procedure Call)。它是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。

XML-RPC 协议简单、功能够用,各种语言的实现都有。

它的使用也很广泛,如 WordPress 的 XML-RPC Api,搜索引擎的 ping 服务等等。

相关推荐
yqcoder2 分钟前
NPM 包管理问题汇总
前端·npm·node.js
程序菜鸟营8 分钟前
nvm安装详细教程(安装nvm、node、npm、cnpm、yarn及环境变量配置)
前端·npm·node.js
bsr198319 分钟前
前端路由的hash模式和history模式
前端·history·hash·路由模式
杨过姑父1 小时前
ES6 简单练习笔记--变量申明
前端·笔记·es6
Sunny_lxm1 小时前
<keep-alive> <component ></component> </keep-alive>缓存的组件实现组件,实现组件切换时每次都执行指定方法
前端·缓存·component·active
wanfeng_091 小时前
视频m3u8形式播放 -- python and html
python·html·video·hls·m3u8
咔咔库奇2 小时前
【TypeScript】命名空间、模块、声明文件
前端·javascript·typescript
兩尛2 小时前
订单状态定时处理、来单提醒和客户催单(day10)
java·前端·数据库
又迷茫了3 小时前
vue + element-ui 组件样式缺失导致没有效果
前端·javascript·vue.js
哇哦Q3 小时前
原生HTML集合
前端·javascript·html