表单提交格式以及ajax请求格式总结

表单提交格式分类：

   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:小明