Form表单的主要Content-Type

本文主要介绍了在Web开发中Form表单的两种主要Content-Type:application/x-www-form-urlencoded和multipart/form-data。前者用于常规表单数据提交,后者适用于上传文件等大数据传输。文章详细解析了两种类型的数据编码规则,并通过示例展示了数据传输的过程。
摘要由CSDN通过智能技术生成

  在Spa单页面横行的时代,前后端交互基本都是Json交互(也有通过FormData的,比如上传文件)。而在之前的Jsp,Php前后不分家的时候,前后交互好大一部分都是通过Form表单来完成的。From标签个属性叫 enctype,这属性指定了Form的Content-Type,可取的只有application/x-www-form-urlencoded, multipart/form-data, text/plain。

  而Content-Type包含3个部分:

  1.   media-type: 资源或数据的 MIME type (必填)
  2.   charset: 字符编码标准
  3.   boundary: 对于多部分实体,boundary 是必需的,其包括来自一组字符的1到70个字符,已知通过电子邮件网关是非常健壮的,而不是以空白结尾。它用于封装消息的多个部分的边界

  application/x-www-form-urlencoded 是Form默认的Content-Type:表单提交时编码必须遵循以下标准:

  1.   key和value都会被编码。空格被替换为‘+’,保留字编码对着参照 [RFC1738],非转义字符被替换为‘’%hh‘’的格式(一个%和两个代表示ASCII码的16进制数字),换行被替换为‘%D0%0A’(对应CR LF),都可以通过encodeURI函数转换,详细还请查阅 mdn
  2.   key和value用‘=’来分隔,每一对key和value用‘&’来分隔
  3. </
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值