http表单上传方式-GET\POST

8人阅读 评论(0) 收藏 举报
分类:

在Web开发中,我们使用的比较多的HTTP请求方式基本上就是GET、POST。

一、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>

      当method为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2…),然后把这个字串append到url后面,用?分割,加载这个新的url。
      当method为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协议与HTTP表单传输格式,再论get、post方法

HTTP的GET/POST方式有何区别?这是一个老生常谈的问题,但老生常谈的问题往往有一些让人误解的结论。本文将带您浅尝HTTP协议,在了解HTTP协议的同时将会展示许多被人们忽视的内容。在掌握了HT...
  • gdutliuyun827
  • gdutliuyun827
  • 2013-12-11 15:41:12
  • 21494

Form表单数据传输方式之Get与Post区别

Java Web中Form表单传输提供了两种方式,method="get"(form默认方式) 与 method="post",它们都是数据的传输方式,但他们的传输过程有很大不同,对数据的影响也有很大...
  • zhangliangzi
  • zhangliangzi
  • 2015-12-01 17:01:41
  • 2933

提交表单--get与post方式

我们经常在网页上输入信息,然后通过按钮提交,有两种提交方式,get和post get方式效率高但安全性低,post是封装后进行提交安全性高。 get方式经常用于搜索,查询   post常用与用户注...
  • qq_16255321
  • qq_16255321
  • 2017-01-26 15:49:59
  • 2535

http常见的form表单请求方式

在Web开发中,我们使用的比较多的HTTP请求方式基本上就是GET、POST。 一、http请求常见的表单文件上传形式      首先了解下application/x-www-form-url...
  • ght886
  • ght886
  • 2018-01-17 20:39:33
  • 1754

post 提交 和 get 提交的区别 文件上传

我们知道,从一个页面转向另一个页面的请求方式有两种,那就是:Post和Get.      二者有如下的区别:      首先:Post传输数据时,不需要在URL中显示出来,而Get方法要在URL中...
  • wuxians
  • wuxians
  • 2016-05-28 18:22:04
  • 4951

form表单提交的 get/post 方法(一)区别

转载:详细说明 http://www.jb51.net/web/12714.htmlget 形式:http://localhost:8080 /servlet?msg=杭州 post 形式:http...
  • ThePeakOfTheCloud
  • ThePeakOfTheCloud
  • 2016-12-25 21:39:28
  • 1747

HTML中基于表单的文件上传(post,get)

组织:中国互动出版网(http://www.china-pub.com/)RFC文档中文翻译计划(http://www.china-pub.com/compters/emook/aboutemook....
  • bjbs_270
  • bjbs_270
  • 2004-11-04 15:24:00
  • 62097

CURL HTTP POST方式表单递交

  • 2014年07月11日 12:04
  • 3.5MB
  • 下载

通过GET和POST方式提交表单

通过get方式提交表单(注意大写)   建立url连接添加name+pass(注意此时要将中文的name用URLEncoder.encode(name)解析     例子:  public class...
  • iceSony
  • iceSony
  • 2016-10-08 16:31:45
  • 1086

模拟提交有文件上传的表单(通过http模拟上传文件)

通过HTTP模拟GET或POST请求,提交数据到服务端获取响应,比较常见些;但如上传文件到服务端,使用html form当然简单了,而因环境所限有时需要使用模拟方法去提交有附件(文件上传)的表单。我们...
  • reille
  • reille
  • 2011-10-13 22:59:34
  • 7300
    个人资料
    持之以恒
    等级:
    访问量: 11万+
    积分: 2304
    排名: 1万+
    最新评论