浅谈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”。

相关文章
|
2天前
|
JSON 前端开发 JavaScript
axios请求成功而$.ajax却不行排错
axios请求成功而$.ajax却不行排错
14 2
|
2天前
|
前端开发
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
|
2天前
|
JSON 前端开发 JavaScript
Fetch API与Ajax请求
Fetch API是JavaScript的一种新方法,用于网络请求,提供简洁的Promise-based语法和更多功能,如处理头、取消请求及跨域支持,比Ajax更强大。尽管不完全替代Ajax,尤其在老浏览器或需要底层控制时,Fetch API仍是现代浏览器中获取资源的优选工具。例如,以下代码展示了如何使用Fetch API进行GET和POST请求。
|
2天前
|
XML JSON 前端开发
学习Ajax使用异步对象发送请求
Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种用于创建更好、更快以及交互性更强的Web应用程序的技术。
20 3
|
2天前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
2天前
|
XML 前端开发 JavaScript
AJAX get() 和 post() 方法
AJAX(Asynchronous JavaScript and XML)是一种用于创建快速和动态网页的技术,它允许使用 JavaScript 和 XMLHttpRequest 对象在不重新加载整个页面的情况下向服务器发送请求和接收响应。jQuery 提供了几个用于 AJAX 操作的方法,包括 .ajax()、.get() 和 .post()
18 1
|
2天前
|
XML JSON 前端开发
|
2天前
|
前端开发 JavaScript
|
7月前
|
前端开发 JavaScript
$.ajax GET请求案例
$.ajax GET请求案例
25 0
|
7月前
|
前端开发 JavaScript
$.ajax GET请求案例(Controller的另外一种写法)
$.ajax GET请求案例(Controller的另外一种写法)
16 0