Javascript的GET、POST请求

POST、GET传输数据大小限制

HTTP协议规范没有对URL长度进行限制，也没有限制消息主体的大小，所以从理论上讲，GET、POST是没有大小限制的。那又为什么在使用过程中会有大小限制呢？？

GET方式数据长度限制：

1. 服务器做了GET提交数据大小的限制
2. 由于GET方式发送数据是拼接在URL，GET提交时，传输数据会受到URL长度的限制，不同浏览器的长度限制还不一样

POST方式数据长度限制：

1. 各个WEB服务器会规定对POST提交数据大小进行限制，Apache等都有各自的配置。

安全性

HTTP协议是以ASCII码传输，建立在TCP/IP协议之上的应用层规范。规范把HTTP 请求分为三个部分：状态行、请求头、消息主体。POST请求发送的数据是放在消息主体中，这是遵循HTTP协议的规范格式，而GET是将发送的数据直接拼接在URL的后面，也就是在状态行中。很明显，POST方式比GET方式安全

POST方式：

状态行：
Request URL:http://crm.piao.qunar.com
Request Method:POST

请求头：
Accept:*/*
Accept-Encoding:gzip, deflate
Accept-Language:zh-CN,zh;q=0.8,en;q=0.6
Cache-Control:no-cache
Connection:keep-alive
Content-Length:190
Content-Type:application/x-www-form-urlencoded; charset=UTF-8
Cookie:QN1=wKgZEVYbR4wc9UPaYgXcAg==; QN99=3984;
Host:crm.piao.qunar.com:8080
Origin:http://crm.piao.qunar.com:8080
Pragma:no-cache
Referer:http://crm.piao.qunar.com:8080/merchantPage/group-supplier
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.134 Safari/537.36
X-Requested-With:XMLHttpRequest

消息主体：
data=1

GET方式：

状态行：
Request URL:http://crm.piao.qunar.com?data=1
Request Method:GET

请求头：
Accept:*/*
Accept-Encoding:gzip, deflate
Accept-Language:zh-CN,zh;q=0.8,en;q=0.6
Cache-Control:no-cache
Connection:keep-alive
Content-Length:190
Content-Type:application/x-www-form-urlencoded; charset=UTF-8
Cookie:QN1=wKgZEVYbR4wc9UPaYgXcAg==; QN99=3984;
Host:crm.piao.qunar.com:8080
Origin:http://crm.piao.qunar.com:8080
Pragma:no-cache
Referer:http://crm.piao.qunar.com:8080/merchantPage/group-supplier
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.134 Safari/537.36
X-Requested-With:XMLHttpRequest

消息主体：

enctype

POST请求需要设置：enctype=application/x-www-form-urlencoded

文件上传需要设置：enctype=multipart/form-data

jQuery的GET或者POST方式传输的数据，是否自动转码为utf-8？？

使用jQuery的GET、POST方式传输数据都有可能未经过utf-8编码，jQuery.param方法是将键值对转化为utf-8编码的方法。当使用jQuery的GET或者POST方式发送数据时，如果data类型不是string，那么会对data进行utf-8编码，可以看下面的jQuery源码：

if ( s.data && s.processData && typeof s.data !== "string" ) {
    s.data = jQuery.param( s.data, s.traditional );
}

为了确保传输的数据为utf-8编码，怎么办？？

1. 在提交数据时，建议使用jQuery的serialize方法，serialize会调用jQuery.param方法，对得到的对象进行utf-8编码，返回一个字符串
2. 使用$.ajax/$.get/$.post方法时，data属性值为一个对象
3. 使用encodeURIComponent方法对要传的数据进行utf-8编码