总结HTTP的Content-Type

这里简单的介绍一下post传输中的几种Content-Type。

Content-Type用于指定内容类型，一般是指网页中存在的Content-Type，Content-Type属性指定请求和响应的HTTP内容类型。如果未指定 ContentType，默认为text/html。

常见的几种Content-Type有：

1. text/html
2. text/plain
3. text/css
4. text/javascript
5. application/x-www-form-urlencoded
6. multipart/form-data
7. application/json
8. application/xml

前几个很好理解，后几个是POST的发包方式。依次介绍一下。

• application/x-www-form-urlencoded
  常用的表单发包方式，普通的表单提交（没有type="file"），或者js发包，默认都是通过这种方式。
  简单的实现：

  <form enctype="application/x-www-form-urlencoded" action="http://localhost:1121/info" method="POST">
      <input type="text" name="name" value="Manster">
      <input type="text" name="age" value="23">
      <input type="submit" value="submit">
  </form>

• multipart/form-data
  用在发送文件的POST包，或者是有type="file" 控件的表单中。
  具体实现：

  <form enctype="multipart/form-data" action="http://localhost:1121/info" method="POST">
      <input type="text" name="name" value="Manster">
      <input type="file" name="fileContent">
      <input type="submit" value="submit">
  </form>

• application/json
  传递的data是一个json字符串，HTTP通信中并不存在所谓的json，而是将string转成json罢了，也就是，application/json可以将它理解为text/plain，普通字符串。
  同时需要写上请求头：

  xhr.setRequestHeader("Content-type","application/json");

HTTP上传的基本知识 :

在Form元素的语法中，EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。

• application/x-www-form-urlencoded： 窗体数据被编码为名称/值对。这是标准的编码格式。
• multipart/form-data： 窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。
• text/plain：窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。

补充:
form的enctype属性为编码方式，常用有两种：application/x-www-form-urlencoded和multipart/form-data，默认为application /x-www-form-urlencoded。

当action为get时候，浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串（name1=value1& amp; amp;name2=value2...），然后把这个字串append到url后面，用?分割，加载这个新的url。

当action为post时候，浏览器把form数据封装到http body中，然后发送到server。

如果没有type=file的控件，用默认的application/x-www-form-urlencoded就可以了。但是如果有 type=file的话，就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割，并为每个部分加上 Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件 name)等信息，并加上分割符(boundary)。

使用中需要注意的地方:

在AJAX往服务器上传数据是，设置了content-type为application/x-www-form-urlencoded，此时是对整个发 送内容作了编码，并不是对名字对应的值做了编码。

属性值