表单提交格式分类:
Enctype是指定将数据回发到服务器时浏览器使用的编码类型
1、application/x-www-form-urlencoded: 在发送前编码所有字符(默认,不写也可以)。这是标准的编码格式。
get请求:浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3 ),会对链接进行编码
编码后:myLqbLogin.htm?age=12&call=%E5%B0%8F%E6%98%8E
post请求:是放在form data里面,不会编码
form data
age:12
call:小明
在服务端使用Request对象来获取相应表单域的值(get请求和post请求都可以)
2、multipart/form-data: 不对字符编码,用于在文件上传时使用。
文件只能使用post请求,并且需要将Enctype设为multipart/form-data,此时浏览器上传二进制数据到服务器;
服务端应该通过stream流对象,将传到服务器端的二进制数据解码,从而读取数据。
POST http://www.example.com HTTP/1.1
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryrGKCBY7qhFd3TrwA
------WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data; name="text"
title
------WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data; name="file"; filename="chrome.png"
Content-Type: image/png
PNG ... content of chrome.png ...
------WebKitFormBoundaryrGKCBY7qhFd3TrwA--
这个例子稍微复杂点。首先生成了一个 boundary 用于分割不同的字段,为了避免与正文内容重复,boundary 很长很复杂。然后 Content-Type 里指明了数据是以 mutipart/form-data 来编码,本次请求的 boundary 是什么内容。消息主体里按照字段个数又分为多个结构类似的部分,每部分都是以 --boundary 开始,紧接着内容描述信息,然后是回车,最后是字段具体内容(文本或二进制)。如果传输的是文件,还要包含文件名和文件类型信息。消息主体最后以 --boundary-- 标示结束。关于 mutipart/form-data 的详细定义,请前往 rfc1867 查看。
3、text/plain: 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。
get请求一样,
post请求:放在request Payload里面
使用原生AJAX的POST请求如果不指定请求头RequestHeader,默认使用的Content-Type是text/plain;charset=UTF-8。
从上面代码可以看出,Content-Type不是application/x-www-form-urlencoded的POST请求是不会读取请求体数据和进行相应的参数处理的,即不会解析表单数据来放到request parameter map中。所以通过request.getParameter(name)是获取不到的。
获取方式通过流获取:
ajax:
contentType 主要设置你发送给服务器的格式,dataType设置你收到服务器数据的格式。
1、原生ajax的post请求,Content-Type 默认值text/plain;charset=UTF-8。
2、post请求,Content-Type 默认值都是「application/x-www-form-urlencoded;charset=utf-8」。
3、application/json
Google 的 AngularJS 中的 Ajax 功能,默认就是提交 JSON 字符串。例如下面这段代码:
var data = {'title':'test', 'sub' : [1,2,3]};
$http.post(url, data).success(function(result) {
});
最终发送的请求是:
POST http://www.example.com HTTP/1.1
Content-Type: application/json;charset=utf-8
{"title":"test","sub":[1,2,3]}
对于正常的ajax请求,需要显式的指定content-Type:"application/json";
3、text/xml
form data
name:小明