form的enctype属性为编码方式 application/json 和 application/x-www-form-urlencoded,multipart/form-data的区别

最近老是有前端同事问我在用Aangular的 httpformAngular h t t p 服 务 器 的 时 候 向 服 务 器 发 送 数 据 不 成 功 , 后 来 我 测 试 了 一 下 , 发 现 服 务 器 的 接 口 接 收 的 数 据 的 格 式 是 f o r m 表 单 形 式 , 而 A n g u l a r 的 http服务发送的post请求默认是json数据格式所以数据接收不到

1.x-www-form-urlencoded

当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2…),然后把这个字串append到url后面,用?分割,加载这个新的url。

2.multipart/form-data

当action为post时候,浏览器把form数据封装到http body中,然后发送到server。 如果没有type=file的控件,用默认的application/x-www-form-urlencoded就可以了。 但是如果有type=file的话,就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息,并加上分割符(boundary)。

你可能感兴趣的:(前端)