总结一下AJAX请求--GET系列和POST系列的区别

548 阅读2分钟

在总结区别之前我们先了解下GET和POST在请求时操作细节

服务器怎么把信息返回给客户端?

  • 问号传参 xhr.open('GET','/getdata?xxx=xxx&xxx=xxx')

  • 设置请求头 xhr.setRequestHeader([key],[value])

  • 设置请求主体 xhr.send(请求主体信息)

客户端怎么把信息传递给服务器?

  • GET:给的少,拿的多

  • POST:给的多,拿的少

GET系列一般用于从服务器获取信息,POST系列一般用于给服务器推送信息,但是不论GET和POST都可以把信息传递给服务器,也能从服务器获取到结果,只不过是谁多谁少的问题

=>真实项目中用对应的请求方式,会使请求变的更加明确(语义化),不遵循这些方式也可以,最起码浏览器在语法上是允许的;但是这些是开发者们相互间约定俗成的规范;

  • GET系列请求

    • GET

    • DELETE 一般应用于告诉服务器,从服务器上删除点东西

    • HEAD 只想获取响应头内容,告诉服务器响应主体内容不要了

    • OPTIONS 试探性请求,发个请求给服务器,看看服务器能不能接收到,能不能返回

  • POST系列请求

    • POST

    • PUT 和DELETE对应,一般是想让服务器把我传递的信息存储到服务器上(一般应用于文件和大型数据内容)

  • GET系列和POST系列的本质区别:

    1. GET相比较POST来说不安全:GET是基于问号传参传递给服务器内容,有一种技术叫做URL劫持,这样别人可以获取或者篡改传递的信息;而POST基于请求主体传递信息,不容易被劫持;

    1. GET会产生缓存(缓存不是自己可控制的):因为请求的地址(尤其是问号传递的信息一样),浏览器有时候会认为你要和上次请求的数据一样,拿的是上一次信息;这种缓存我们不期望有,我们期望的缓存是自己可控制的;所以真实项目中,如果一个地址,GET请求多次,我们要去除这个缓存;

    1. GET传递给服务器的内容比POST少,因为URL有最长大小限制(IE浏览器一般限制2KB,谷歌浏览器一般限制4~8KB,超过长度的部分自动被浏览器截取了)

    GET系列传递给服务器信息的方式一般采用:问号传参 POST系列传递给服务器信息的方式一般采用:设置请求主体