http常见的form表单请求方式
2018-01-17 20:39
447 查看
在Web开发中,我们使用的比较多的HTTP请求方式基本上就是GET、POST。
当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2…),然后把这个字串append到url后面,用?分割,加载这个新的url。
当action为post时候,浏览器把form数据封装到http body中,然后发送到server(服务器)。
multipart/form-data :
如果没有 type=file 的控件,form表单会自动form的enctype属性为编码方式默认的 application/x-www-form-urlencoded
如果有 type=file 的话,就要用到 multipart/form-data 了。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file)、Content-Type(默认为text/plain)、name(控件name)等信息,并加上分割符(boundary)。
Get方式提交
表单内容
Get方式提交,最后以http://localhost:8080/springmvc/user/login.do?username=xiaoming&password=123456789 请求服务器。
Post方式提交
Post提交方式,Form表单有两种enctype类型:
1、enctype=”application/x-www-form-urlencoded”
也是默认的提交类型,一般针对文本请求参数,不含附件。比如
提交表单时的Http请求如下:
消息头中的Content-Type: application/x-www-form-urlencoded
消息体中内容以key=value的形式拼接
username=xiaoming&password=123456789
2、enctype=”multipart/form-data”
需要上传附件时,必须为”multipart/form-data”。**,比如
提交表单时,Http请求协议如下:
请求消息头中, Content-Type: multipart/form-data; boundary=- - - -WebKitFormBoundarykALcKBgBaI9xA79y
boundary为分隔符.
消息体中的每个参数都会以“- -”+boundary 隔开,最后一个分隔符末尾需要加”- -“,即”- -“+boundary+”- -“
更加详细的讲解请参考:
http://blog.csdn.net/bboyfeiyu/article/details/41863951
http://blog.csdn.net/zhangquanit/article/details/52471998
一、http请求常见的表单文件上传形式
首先了解下application/x-www-form-urlencoded和multipart/form-data的区别:
application/x-www-form-urlencoded:是常用的表单发包方式,普通的表单提交,或者js发包,默认都是通过这种方式。<form enctype="application/x-www-form-urlencoded" action="http://" method="POST"> <input type="text" name="name" value="homeway"> <input type="text" name="key" value="nokey"> <input type="submit" value="submit"> </form
当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2…),然后把这个字串append到url后面,用?分割,加载这个新的url。
当action为post时候,浏览器把form数据封装到http body中,然后发送到server(服务器)。
multipart/form-data :
如果没有 type=file 的控件,form表单会自动form的enctype属性为编码方式默认的 application/x-www-form-urlencoded
如果有 type=file 的话,就要用到 multipart/form-data 了。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file)、Content-Type(默认为text/plain)、name(控件name)等信息,并加上分割符(boundary)。
二、更加详细的Form表单请求
Form表单请求,一般常用的是Get和Post提交方式,Get方式提交
表单内容
<form action="user/login.do" method="get" > 用户名:<input type="text" name="username"><br> 密码:<input type="text" name="password"><br> <input type="submit" value="登录"/> </form>
Get方式提交,最后以http://localhost:8080/springmvc/user/login.do?username=xiaoming&password=123456789 请求服务器。
Post方式提交
Post提交方式,Form表单有两种enctype类型:
1、enctype=”application/x-www-form-urlencoded”
也是默认的提交类型,一般针对文本请求参数,不含附件。比如
<form action="user/login.do" method="post" > 用户名:<input type="text" name="username"><br> 密码:<input type="text" name="password"><br> <input type="submit" value="登录"/> </form>
提交表单时的Http请求如下:
POST http://localhost:8080/springmvc/user/login.do HTTP/1.1 Host: localhost:8080 Connection: keep-alive Content-Length: 33 Cache-Control: max-age=0 Origin: http://localhost:8080 Upgrade-Insecure-Requests: 1 User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Content-Type: application/x-www-form-urlencoded Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 Referer: http://localhost:8080/springmvc/ Accept-Encoding: gzip, deflate Accept-Language: zh-CN,zh;q=0.8 username=xiaoming&password=123456789
消息头中的Content-Type: application/x-www-form-urlencoded
消息体中内容以key=value的形式拼接
username=xiaoming&password=123456789
2、enctype=”multipart/form-data”
需要上传附件时,必须为”multipart/form-data”。**,比如
<form action="user/login.do" method="post" enctype="multipart/form-data"> 用户名:<input type="text" name="username"><br> 密码:<input type="text" name="password"><br> 上传文件:<input type="file" name="uploadFile"/><br> <input type="submit" value="登录"/> </form>
提交表单时,Http请求协议如下:
POST http://localhost:8080/springmvc/user/login.do HTTP/1.1 Host: localhost:8080 Connection: keep-alive Content-Length: 400 Cache-Control: max-age=0 Origin: http://localhost:8080 Upgrade-Insecure-Requests: 1 User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Content-Type: multipart/form-data; boundary=----WebKitFormBoundarykALcKBgBaI9xA79y Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 Referer: http://localhost:8080/springmvc/ Accept-Encoding: gzip, deflate Accept-Language: zh-CN,zh;q=0.8 ------WebKitFormBoundarykALcKBgBaI9xA79y Content-Disposition: form-data; name="username" xiaoming ------WebKitFormBoundarykALcKBgBaI9xA79y Content-Disposition: form-data; name="password" 123456789 ------WebKitFormBoundarykALcKBgBaI9xA79y Content-Disposition: form-data; name="uploadFile"; filename="file.txt" Content-Type: text/plain 文件中的内容 ------WebKitFormBoundarykALcKBgBaI9xA79y--
请求消息头中, Content-Type: multipart/form-data; boundary=- - - -WebKitFormBoundarykALcKBgBaI9xA79y
boundary为分隔符.
消息体中的每个参数都会以“- -”+boundary 隔开,最后一个分隔符末尾需要加”- -“,即”- -“+boundary+”- -“
更加详细的讲解请参考:
http://blog.csdn.net/bboyfeiyu/article/details/41863951
http://blog.csdn.net/zhangquanit/article/details/52471998
相关文章推荐
- http常见的form表单请求方式
- Http Post请求的三种常见方式form表单 io流等
- HttpClientUtil通过xml和form表单方式请求
- Form表单、四种常见的POST请求提交数据方式、MIME【转】
- HTTP AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
- HTTP中的表单请求的三种方式
- Http 模拟form表单提交Post请求
- http常见的get请求方式和set请求方式。
- 结合原生http url请求的过程,分析form即表单提交的原理
- java代码实现如jsp页面的form请求方式一HttpURLConnection请求
- 关于请求方式为GET的form表单,action属性后不能带参数的问题
- Multipart/form-data POST文件上传详解 理论 简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form me
- http常见的get请求方式和set请求方式。
- struts2/jsp 通过form表单方式或者js的方式提交请求,封装boolean值的问题
- 使用httppost请求发送form表单的方法
- struts2——学习笔记2 通过form表单方式或者js的方式提交请求,封装boolean值的问题
- http Form表单的Get和 Post请求深入分析
- 解决Http PUT请求方式无法表单传参问题
- ajax请求下载Stream形式的文件,需要使用form表单提交的方式
- 通过Ajax方式提交form表单上传文件,使用FormData进行Ajax请求