浅谈Ajax请求中的GET,POST,PUT,DELETE,PATCH,OPTIONS

简介: 浅谈Ajax请求中的GET,POST,PUT,DELETE,PATCH,OPTIONS 在日常的前后端交互,数据请求中最长用的就是Ajax,当然在面试时也经常会被问道请求的方式有哪些?分别什么不同?一般我们都会回答GET请求和POST请求,但其实在后端配置接口时,请求方式不仅这两种,还会有PUT,DELETE,PATCH等,当然我们在开发的时候偶尔也会遇到接口要求使用这几种方式进行请求,下面我们就来讲一讲这几种方式分别有什么不同。 首先先要了解http定义与服务器进行交互的方式,其中基本的有GET,POST,PUT,DELETE,PATCH是后增的方式。同时还要知道URL代表的是 统一资源

浅谈Ajax请求中的GET,POST,PUT,DELETE,PATCH,OPTIONS




在日常的前后端交互,数据请求中最长用的就是Ajax,当然在面试时也经常会被问道请求的方式有哪些?分别什么不同?一般我们都会回答GET请求和POST请求,但其实在后端配置接口时,请求方式不仅这两种,还会有PUT,DELETE,PATCH等,当然我们在开发的时候偶尔也会遇到接口要求使用这几种方式进行请求,下面我们就来讲一讲这几种方式分别有什么不同。


首先先要了解http定义与服务器进行交互的方式,其中基本的有GET,POST,PUT,DELETE,PATCH是后增的方式。同时还要知道URL代表的是 统一资源定位符,顾名思义,就是用来描述一个网络资源的地址,所以我们在服务器交互时就是在对URL对应的资源进行操作。


image.png


在这里插入图片描述


1.GET


GET从字面意思上看就是获取,所以一般GET请求就是用来查看数据的,可以理解为对数据库进行查询,不会修改,增加或者是删除资源,不会影响资源的内容。


2.POST


POST从字面意思理解是发送的意思,所以POST请求一般是用来项服务器发送数据,但是会改变资源的内容,类似于在数据库中插入数据。目前绝大数多数的提交表单都是使用的POST请求方式。


3.PUT


PUT同样也是向服务器发送请求,但是它何POST不同的是,主要用来修改资源,但是不会在资源中新增内容。


4.DELETE


DELETE用来删除服务器的某一个资源。


5.PATCH


PATCH,在前面有说到patch请求是之后http中增加的,字面有修改的意思,所以何PUT有些类似,都是用来修改服务器资源的,但不同的是PUT修改的所有的数据,而PATCH只是对局部数据进行修改,你可以理解为是对PUT方式的补充。因为是后增的,所以在实际开发时有些封装的ajax方法不支持这种方式,我们往往还需要自己重新配置patch请求的方式。


6.OPTIONS


最后在说道OPTIONS,同样的看到这个单词就会想到选项,配置,对的,这个OPTIONS就是用于获取当前URL所支持的方法。若请求成功,则它会在HTTP头中包含一个名为“Allow”的头,值是所支持的方法,如“GET, POST”。

相关文章
|
12天前
|
XML 前端开发 JavaScript
|
29天前
|
JSON JavaScript 前端开发
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
56 22
|
29天前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
36 18
|
29天前
|
前端开发 JavaScript Java
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
53 4
|
1月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
82 1
|
2月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
2月前
|
JSON 资源调度 JavaScript
Vue框架中Ajax请求的实现方式:使用axios库或fetch API
选择 `axios`还是 `fetch`取决于项目需求和个人偏好。`axios`提供了更丰富的API和更灵活的错误处理方式,适用于需要复杂请求配置的场景。而 `fetch`作为现代浏览器的原生API,使用起来更为简洁,但在旧浏览器兼容性和某些高级特性上可能略显不足。无论选择哪种方式,它们都能有效地在Vue应用中实现Ajax请求的功能。
41 4
|
2月前
|
XML JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
26 6
|
2月前
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
26 0
N..
|
6月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
67 1