http常见的form表单请求方式

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

1、http请求常见的表单文件上传形式
    首先了解下application/x-www-form-urlencoded和multipart/form-data的区别：

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

    application/x-www-form-urlencoded：
        是经常使用的表单发包方式，普通的表单提交，或者js发包，默认都是经过这种方式。当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)。

 

2、更加详细的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类型：
    
    一、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

    二、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+”- -“