ajax中的请求方式（GET、POST、PUT、DELETE、HEAD）

HTTP METHOD：客户端向服务器端发送请求的方式

其实从本质意义上来讲，请求的方式之间是没有任何区别的，不管哪一种方式都可以向服务器传递数据，也可以从服务器获取到数据，而一般提问中问到的区别都是开发人员约定俗成的规范：

1.GET：一般应用于从服务器获取数据（给服务器的数据少，从服务器拿的数据多），一般使用URL问号传参的方式向服务器传递内容

xhr.open('get','/getList?num=12')

2.POST：一般应用于向服务器推送数据（给服务器的多，从服务器拿下来的少），一般使用请求主体的方式向服务器传递内容

xhr.open("post","/submitData");
xhr.send('{"name":"huazhu","age":"7"}')

3.PUT：一般应用于给服务器上增加资源文件（上传图片功能），向服务器传输内容方式与POST一致

4.DELETE：一般应用于从服务器上删除资源文件，向服务器传输内容方式与get一致

5.HEAD：一般应用于只获取服务器的响应头信息，向服务器传输内容方式与get一致

GET和POST的主要区别：

A.大小问题

GET请求传递给服务器的内容存在大小限制，而POST理论上没有限制：
原因：GET通过URL传参给服务器，每个浏览器对URL的长度都有限制，谷歌8kb，火狐7kb、IE2kb，所以最多传2kb（2048字节，一个汉字两个字节，一千多个汉字），如果URL的长度超过限制，浏览器会把超出部分截取；
POST理论上没有限制，但是一般控制在2M，具体也取决于服务器的设置和内存的大小

B.缓存问题

GET请求会出现缓存（这个缓存不一定是304），POST是没有缓存的
//在项目中GET请求一般不会让其出现缓存，于是应该在URL的末尾追加一个随机数清楚缓存

xhr.open('get','/getList?num=12&_='+Math.random())

C.安全问题：
一般来书GET不安全，而POST相对安全一些
原因：GET是URL传参向服务器传递内容，可能被URL劫持

D.GET产生一个TCP数据包；POST产生两个TCP数据包

对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；
而对于POST，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 ok（返回数据）。