美文网首页
postman中form-data、x-www-form-url

postman中form-data、x-www-form-url

作者: mayiwoaini | 来源:发表于2019-12-18 08:47 被阅读0次

    转自:https://juejin.im/post/5cba8f99e51d45789024d7ca
    在日常开发中,通常会因为提交数据的方式不同而导致各种各样的问题,归根结底是因为未能正确认识到POST方式上传数据的几种方式的区别。所以很有必要研究一下这几种提交方式的区别。

    • form-data方式:表示http请求中的multipart/form-data方式,会将表单的数据处理为一条消息,用分割符隔开,可以上传键值对或者上传文件.比如按照如下方式传输提交数据:


      传输方式.png

      上传的数据为:

    --l_Sh3DQ0_nc-zPblBpi8L3Oq63BWUDLqDqbRpyd
    Content-Disposition: form-data; name="name"
    Content-Type: text/plain;charset=UTF-8
    Content-Length: 12
    wangjianfeng
    --l_Sh3DQ0_nc-zPblBpi8L3Oq63BWUDLqDqbRpyd Content-Disposition: form-data; name="age"
    Content-Type: text/plain;charset=UTF-8
    Content-Length: 2
    20
    --l_Sh3DQ0_nc-zPblBpi8L3Oq63BWUDLqDqbRpyd--

    上面数据采用了以--开头和结尾的字串作为分割符,把不同的字段分割开来。所以可以同时上传多个文件以及多个键值对。

    • x-www-form-urlencoded: 就是application/x-www-from-urlencoded,会将表单内的数据转换为键值对,比如,name=java&age = 23

    name=wangjianfeng&age=12

    • raw:可以上传任意格式的文本,文本不做任何修饰传到服务端。比如传一些xml,或者json数据,或者text文本数据。
    • binary:相当于Content-Type:application/octet-stream,只可以上传二进制数据,通常用来上传文件,但是一次只能上传一个文件。

    multipart/form-data与x-www-form-urlencoded的区别

    • multipart/form-data:可以上传文件或者键值对,最后都会转化为一条消息
    • x-www-form-urlencoded:只能上传键值对,而且键值对都是通过&间隔分开的。

    在Form元素的语法中,EncType表明提交数据的格式用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。
    下边是说明:

    • application/x-www-form-urlencoded:窗体数据被编码为名称/值对。这是标准的编码格式。
    • multipart/form-data:窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。
    • text/plain:窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。

    补充: form的enctype属性为编码方式,常用有两种:application/x-www-form-urlencoded和multipart/form-data,默认为application/x-www-form-urlencoded。
    当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2...),然后把这个字串append到url后面,用?分割,加载这个新的url。
    当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)。

    相关文章

      网友评论

          本文标题:postman中form-data、x-www-form-url

          本文链接:https://www.haomeiwen.com/subject/zjrenctx.html