表单提交
表单有两种提交方式,POST和GET。通常我们会使用POST方式,一是因为形式上的安全 ;二是可以上传文件。

我之前经常忽略掉表单的编码类型,觉得它特别长比较难记,而且不设置也似乎不影响什么。表单的编码类型,用来控制表单中的数据的编码格式。POST 提交方式 默认 enctype=“application/x-www-form-urlencoded”,数据以键值对的方式传送到服务器,这种方式适合于大多数场景。GET 提交方式,默认none。

表单(POST请求)支持下面两种编码:

enctype
application/x-www-form-urlencoded 不指定时默认方式, key1=value1&key2=value2
multipart/form-data 一般用于表单需要文件上传
表单(GET请求)支持下面两种编码:

enctype
application/x-www-form-urlencoded key1=value1&key2=value2
none 不指定时默认方式,getContentType() 返回null
ServletRequest中获取参数常用方法:

Map<String,String[]> maps= request.getParameterMap(); //获取所有的键值对
Enumeration<String> names= request.getParameterNames();//获取所有的参数名
String[] values = request.getParameterValues(parameterName); //获取某个参数下的所有值,适合多选组件
String value = request.getParameter(parameterName); //获取某个参数对应的值,适合文本组件,单选等
ServletInputStream stream=request.getInputStream();//需要注意的是,该方法只能被调用一次,再次调用返回结果为空
BufferedReader reader=request.getReader();//该方法也是只能调用一次
Collection<Part> parts = request.getParts();// 获取 multipart/form-data 编码方式的数据

需要额外注意的是:getInputStream 方法和getReader方法互斥。最多只能调用其中的一个,如果这两个方法都被调用则会抛出异常。

request.getInputStream();//需要注意的是,该方法只能被调用一次,再次调用返回结果为空
request.getReader();//该方法也是只能调用一次
1.application/x-www-form-urlencoded
  1. GET方式,会将表单中的数据(键值对)经过urlencode编码后追加到url中。
  2. POST方式,会将表单中的数据经过urlencode编码后放在request body 中。
    <form action="/xxxx" method="post"  enctype="application/x-www-form-urlencoded">
    name: <input type="text" name="name"><br>
    password: <input type="text" name="password"><br>
    <input type="submit" value="提交">
    </form>

    POST 提交方式: name 传递 “测试人”,password 传递“test”.(postman 工具测试结果)

    Content-Type: application/x-www-form-urlencoded
    
    name:%E6%B5%8B%E8%AF%%E4%BA%BA
    password:test

    该编码方式,会将表单数据中的非西欧字符转化为十六进制数字的形式。utf8字符集中,每个汉字占3个字节,每个汉字会转化成3个十六进制的数 %XX%XX%XX 的形式。

    在java 代码中经常会处理下载文件名中文乱码的问题,对于IE,谷歌等浏览器用到的就是编码方式。

    try {
    System.out.println(URLEncoder.encode("测试人","UTF8"));
    //%E6%B5%8B%E8%AF%95%E4%BA%BA
    } catch (UnsupportedEncodingException e) {
    e.printStackTrace();
    }

    当然浏览器不同使用的处理编码也不尽相同。在使用Chrome的话显示如下(gb2312编码),这个可能和当前使用的语言环境有关:

    name: %B2%E2%CA%D4%C8%CB
    password: test

    接下来就是获取值

    Map<String,String[]> maps= request.getParameterMap(); //获取所有的键值对
    Enumeration<String> names= request.request.getParameterNames();//获取所有的参数名
    String[] values = request.getParameterValues(parameterName); //获取某个参数下的所有值,适合多选组件
    String value = request.getParameter(parameterName); //获取某个参数对应的值,适合文本组件,单选等

    如果需要在表单中上传文件则不能使用该方式

2.multipart/form-data

当需要在表单内上传文件时(二进制流数据)时,就需要使用 multipart/form-data。

<form action="/xxxx" method="POST"  enctype="multipart/form-data">
<label>手机号</label><input type="text" name="phone"><br>
<label>邮箱</label> <input type="text" name="mail"><br>
<label>头像</label><input type="file" name="portrait"><br/>
<input type="submit" value="提交">
</form>

请求行的部分内容

Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

请求体的内容

------WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name=“phone” ------WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name=“mail”
test@.com
------WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name="portrait "; filename=“portrait.png”
Content-Type: image/png
------WebKitFormBoundary7MA4YWxkTrZu0gW–

multipart,顾名思义 多部分。使用该编码方式会将表单进行分割成每个控件(以----boundary为分隔符,将分割控件数据分隔开,在最后以—boundary—结尾)。每个部分必须加上Content-Disposition(form-data) ,对于上传文件还会设置Content-Type。

对于上传的不同类型的文件,会自动识别文件类型,如果识别不了则设置为application/octet-stream。

上传jpeg格式图片

Content-Type: image/jpeg

上传pdf文件

Content-Type: application/pdf

上传MP3

Content-Type: audio/mp3

对于使用该方式提交的表单,在服务器端的参数获取通常有以下两种:

单独获取 键值对数据。 使用getParameterMap() ,getParameter()等常规方法获取数据
获取全部数据(键值对和二进制流) getParts()。
使用getParts()方法,要求Content-Type:multipart/form-data,否则抛出异常。
通过Part 获取上传的文本内容

         System.out.println(request.getParameter("phone"));
System.out.println(request.getParameter("mail"));
System.out.println(request.getParameter("portrait"));//二进制数据返回null
System.out.println("----------------getParts获取参数-------------------------");
//如果是multipart/form-data 提交方式,则此时 contentType:multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW
String contentType=request.getContentType(); if(contentType !=null && contentType.contains(MediaType.MULTIPART_FORM_DATA_VALUE)) {//判断是否是multipart/form-data 提交方式
Collection<Part> parts = request.getParts(); //获取所有的部分
for(Part part :parts) {
System.out.println(part.getContentType());
InputStream inPart = part.getInputStream();
String name=part.getName();//请求名称
StringBuilder buffer=new StringBuilder(); //保存请求值
byte[] buff =new byte[];
int length=;
while((length=inPart.read(buff))!=-) {
buffer.append(new String(buff,,length,"utf8"));
}
System.out.println("name = "+name+"\tvalue="+buffer);
}
}

输出结果

test@.com
null
----------------getParts获取参数-------------------------
null
name = phone value=
null
name = mail value=test@.com
image/png
name = portrait value=�PNG

图片比较大,所以只截取了一点。

注意:
在判断contentType时,multipart/form-data提交方式的contentType不单纯是multipart/form-data,还会包含 boundary=----WebKitFxxxx

小结
使用不同的编码方式,服务端获取参数的方式也不尽相同。

application/x-www-form-urlencoded。 该方式就是常规的方法, getParameterMap(),getParameter()等方式获取参数

multipart/form-data

键值对 二进制数据
1 getParameter(),getParameterMap getParts();
2 getParts()  

注意: 使用 getParts() 方法 必须保证 ContentType 包含 ”multipart/form-data“ ,否则抛出ServletException,如果上传文件特别大则会抛出IllegalStateException

重复说明:

getReader()和getInputSteam()互斥
getReader()和getInputStream() 只能调用一次
补充
在使用elasticsearch 的时候,发现 GET请求可以有请求体。当时就很懵逼,查阅资料后发现http标准中 GET请求确实可以有请求体。之前使用POSTMAN的时候都没有注意过,也是心大了。

请求体的编码方式和POST请求一致,但是GET方式请求体可以传输的数据要远小于POST 请求的。

enctype   GET 请求获取数据  POST 请求获取数据
application/x-www-form-urlencoded    getInputStream()  getParameter()
multipart/form-data getInputStream()     getParameter()  getParameter(), getParts()
raw  比如常用的 ajax请求 application/json getInputStream()  getInputStream()
binary  文件类型 getInputStream() getInputStream()

注意:
1. getInputStream() 不限 getInputStream方式,还包括 getReader()
2. getParameter() 方式还包括 getParameterMap(),getParameterValues(),getParameterNames()
3. multipart/form-data 类型的请求体, GET请求的数据不能通过getParts()获取
测试发现,虽然GET请求可以使用上面的几种方式。但是请求体中的内容只能通过 getInputStram()等流式方式获取。

文本
可以指定的文本内容格式有多种,application/json是最常用的

text/plain: 纯文本
text/xml :传递xml语法格式的字符串
text/html: 传递html字符串
application/json : 传递序列化后的 JSON 字符串。
获取数据

ServletInputStream  in = request.getInputStream();//该方法也是只能调用一次
BufferedReader reader=request.getReader();//该方法也是只能调用一次

文本数据格式,会使用流的方式传递数据。在springmvc中使用@RequestBody注解对应的注解解释类应该就是通过InputSteam获取数据并转化为json对象。

表单提交 multipart/form-data 和 x-www-form-urlencoded的区别的更多相关文章

  1. js实现无刷新表单提交文件,将ajax请求转换为form请求方法

    最近在做项目的时候遇到一个需要上传文件的需求,因为ajax请求是无法上传二进制文件流的,所以只能用form表单提交,而form提交有一个问题就是会使页面刷新,本文解决了form表单提交文件时页面刷新的 ...

  2. jQuery Form 表单提交插件-----formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的 应用

    一.jQuery Form的其他api  1.  formSerialize 将表单序列化成查询串.这个方法将返回一个形如: name1=value1&name2=value2的字符串.是否可 ...

  3. 怎么实现form表单提交后不重新刷新当前页面

    怎么实现表单提交后不重新刷新当前页面     如何实现表单提交后不重新刷新当前页面 <form name='form1' id='form1' action='/xbcw/cw/xx_xx.ac ...

  4. php form表单提交时,action url中参数无效的解决方法

    表单提交时get方式的一个错误 <form class="form-inline pull-right" method="get" action=&quo ...

  5. HTML5:表单提交

    不加CSS.JavaScrips的HTML表单提交简单代码 <!DOCTYPE html> <html lang="en"> <head> &l ...

  6. 利用JS 阻止表单提交

    情景一:不存在Ajax异步操作 1 使用背景:会议室预定管理系统中,当表单提交的时候需要验证预约的时间是否符合预定规则(不需要通过访问服务器),否则提示错误信息,阻止表单提交. 2 相关技术点: fo ...

  7. JSP将表单提交并在本页中显示

    代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8& ...

  8. 黄聪:Pjax无刷新跳转页面实现,支持超链接与表单提交

    什么是pjax? 当你点击一个站内的链接的时候,不是做页面跳转,而是只是站内页面刷新.这样的用户体验,比起整个页面都闪一下来说, 好很多. 其中有一个很重要的组成部分, 这些网站的ajax刷新是支持浏 ...

  9. Pjax无刷新跳转页面实现,支持超链接与表单提交

    什么是pjax? 当你点击一个站内的链接的时候,不是做页面跳转,而是只是站内页面刷新.这样的用户体验,比起整个页面都闪一下来说, 好很多. 其中有一个很重要的组成部分, 这些网站的ajax刷新是支持浏 ...

随机推荐

  1. Spring Cloud云架构 - commonservice-sso服务搭建(一)

    前面几篇我们已经介绍了Spring Cloud和oauth2的知识点,今天我们要利用Spring Cloud和oauth2进行commonservice-sso服务搭建,本节我们只是搭建commons ...

  2. EF 视图查询坑

    EF 视图在查询的时候如果主键一样则默认的数据都是第一条查询的数据

  3. Bug管理工具MantisBT-2.18.0安装教程

    Bug管理工具MantisBT安装教程 MantisBT官网下载地址:https://sourceforge.net/projects/mantisbt/# 写于:2018.12.1 如上传博客资料图 ...

  4. Kylin CDH安装

    Kylin安装 从官网下载 apache-kylin-2.0.0-bin-cdh57.tar.gz 放到每台需要安装kylin 服务的机器 [hadoop@hadoop3 cdh5.12.0]$ su ...

  5. 使用Vue前端框架实现知乎日报app

    这是:主页代码 <template> <view class="content"> <view class="uni-list"& ...

  6. SQL Server 2016升级迁移过程中性能问题诊断案例

    日常运行的批量更新作业,平日是5分钟之内结束,今天出现超过30分钟没结束的情况,实际运行3个小时以上,应用程序超时报错. 数据库版本:SQL Server 2016企业版 问题SQL: declare ...

  7. IO负载高来源定位pt-ioprofile

    1.使用top -d 1 查看%wa是否有等待IO完成的cpu时间,简单理解就是指cpu等待磁盘写入完成的时间:IO等待所占用的cpu时间的百分比,高过30%时IO压力高: 2.使用iostat -d ...

  8. leetcode-mid-sorting and searching-162. Find Peak Element

    mycode  54.81% class Solution(object): def findPeakElement(self, nums): """ :type num ...

  9. 阶段3 1.Mybatis_12.Mybatis注解开发_3 mybatis注解开发保存和更新功能

    使用直接来实现CRUD操作 Insert方法 创建测试类 把变量都定义在外面 写测试方法 修改链接的数据库 update方法 再加上address 被更新的数据

  10. allure2生成html报告

    前言 allure是一个report框架,支持java的Junit/testng等框架,当然也可以支持python的pytest框架,也可以集成到Jenkins上展示高大上的报告界面. 环境准备 1. ...