一小池勺❤️❤️❤️ ❤️❤️❤️❤️胸有惊雷而面如平湖者,可拜上将军也。
HTTP的请求方式
GET系列请求 VS POST系列请求
- GET系列请求
- GET
- DELETE 一般应用于告诉服务器,从服务器上删除东西(一般应用于文件和大型数据)
- HEAD 只获取响应头内容,告诉服务器,响应主体的内容不要
- OPTIONS 试探性请求,发个请求给服务器,看看服务器能否接收到,能不能返回
- POST系列请求
- POST
- PUT 和DELETE对应,一般是想让服务器将传递的信息存储到服务器上(一般应用于文件和大型数据)
注意: 真实项目中用对应的请求方式会使得请求变得更加明确(语义化),不遵循语义化方式也是可以的,最起码浏览器在语法上是允许的,但这些是开发者们相互约定俗成的规范。
GET系列一般用于从服务器获取信息,POST系列一般用于给服务器推送信息,但是不论是GET和POST都可以把信息传递给服务器,也能从服务器获取到结果只不过是传递的信息谁多谁少的问题。
- GET : 给的少,拿的多,以获取为主
- POST : 给的多,拿的少,以给予为主
- 应用场景
- 一开始加载页面,页面当中要展示很多数据,用GET请求方式
- 完成用户注册功能,用户输入的内容少,用POST方式
客户端怎么把信息传递给服务器
- 问号传参
- xhr.open(‘GET’,‘/xxx?xxx=xxx&xxx=xxx’)
- 设置请求头
- xhr.setRequestHeader([key],[value])
- 设置请求主体
- xhr.send(请求主体信息)
服务器怎么将信息返回给客户端
- 通过响应头
- 通过响应主体(大部分信息都是基于响应主体返回的)
GET系列与POST系列的本质区别:
GET系列传递给服务器信息的方式一般采用: 问号传参
POST系列传递给服务器信息的方式一般采用: 设置请求主体
由传参方式引出的如下本质区别
- 大小
GET传递给服务器的内容比POST少,因为URL有最长大小限制(IE浏览器一般限制2KB,谷歌浏览器般限制4~8KB,超过长度的部分自动被浏览器截取了)
xhr.open('GET'/list?name=xiaoming&year=18&xxx=xxx...') xhr.send('....') //请求主体中传递的内容理论上没有大小限制,但是真实项目中,为了保证传输的速度,我们会自己限制一些
- 安全
GET相比较POST来说不安全,GET是基于问号传参传递给服务器内容,有一种技术叫做URL劫持,这样别人可以获取或者篡改传递的信息; 而POST基于请求主体传递信息,不容易被劫持
- 缓存
GET会产生缓存(缓存不是自己可控制的): 因为请求的地址(尤其是问号传递的信息一样),浏览器有时候会认为你要和上次请求的数据一样,拿的是上一次信息,这种缓存我们不期望有,我们期望的缓存是自己可控制的,所以真实项目中,如果一个地址,GET请求多次,我们要去除这个缓存。
//=>解决办法:设置随机数 xhr.open('GET','/list?name=xiaoming&_='+ Math.random()) xhr.open('GET','/list?name=zhufeng& _='+ Math.random())