首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么GET request只在前端工作。POST、PUT和Delete不起作用

GET、POST、PUT和DELETE是HTTP协议中定义的常用请求方法,用于在客户端和服务器之间进行数据交互。这些请求方法在前端和后端都有各自的作用。

GET请求方法主要用于从服务器获取数据,它是一种幂等的请求方法,即多次请求同一个URL返回的结果是相同的。GET请求通常用于获取资源的操作,比如获取网页、图片、视频等静态资源。在前端开发中,GET请求常用于通过Ajax或浏览器直接发送请求获取数据,并将数据展示在页面上。

POST请求方法用于向服务器提交数据,它是一种非幂等的请求方法,即多次请求同一个URL返回的结果可能不同。POST请求通常用于提交表单数据、上传文件等操作。在前端开发中,POST请求常用于通过表单提交数据,或者通过Ajax发送数据给服务器进行处理。

PUT请求方法用于向服务器更新资源,它是一种幂等的请求方法。PUT请求通常用于更新已有的资源,比如更新用户信息、修改文章内容等。在前端开发中,PUT请求可以通过Ajax发送数据给服务器进行更新操作。

DELETE请求方法用于删除服务器上的资源,它是一种幂等的请求方法。DELETE请求通常用于删除已有的资源,比如删除用户、删除文章等。在前端开发中,DELETE请求可以通过Ajax发送请求给服务器进行删除操作。

综上所述,GET、POST、PUT和DELETE请求方法在前端和后端都有各自的应用场景和作用。在前端工作中,GET请求常用于获取数据,POST请求常用于提交数据,PUT请求常用于更新数据,DELETE请求常用于删除数据。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Ajax发送PUTDELETE请求时出现错误的原因及解决方案

大家应该都知道.HTTP中,规定了很多种请求方式,包括POST,PUT,GET,DELETE等.每一种方式都有这种方式的独特的用处,根据英文名称,我们能够很清楚的知道DELETE方法的作用—-删除请求....而其他的,根据单词并不能准确的知道他们想表达的意思.本文要讲的并不是HTTP协议,主要是分析一下发送Ajax(异步请求)的时候,为什么使用GETPOST方式发送可以接收到数据,而使用DELETEPUT...一般情况下,我们使用Rest风格的URI时,也就是使用HTTP协议请求方式的动词,来表示对资源的操作(GET(查询),POST(新增),PUT(修改),DELETE(删除)),常常会出现这个问题....前端代码如下: $.ajax({ url: "${pageContext.request.contextPath}/app/" + empId, type: "PUT", data...为什么会出现这种情况呢? 实际上这是因为设计Tomcat的时候就出现的问题.Tomcat的源代码的Request.java类中,大约是3111行左右的代码,有这样的一段代码.

2.1K10

RESTful风格的应用

2.明确的语义规范(GET | POST | PUT | DELETE) 这里的语义规范是指在http发送请求的时候,例如get请求或post请求他们自己所实现的含义是有所不同的。...我们日常开发中最常用的http发送的方式有四种GETPOSTPUTDELETE。但是后两者我们几乎没有见过,那是为什么呢?...是因为web环境下,支持getpost请求,不支持putdelete请求。所以我们之前写代码看不到这两种请求。但是看不到,并不代表没有。...作为REST进行语义规范定义的时候,getpostputdelete其实分别对应了查询操作、新增操作、更新操作、删除操作。...默认网页表单提交的时候支持GET POST这两种请求,对于PUTDELETE是不支持的。但是随着技术的演进,putdelete作为springmvc必须要考虑的。

60230

RESTful接口设计原则优点

RESTful架构优点: 前后端分离,减少流量 安全问题集中接口上,由于接受json格式,防止了注入型等安全问题 前端无关化,后端负责数据处理,前端表现方式可以是任何前端语言(android,ios...GET /zoos:列出所有动物园 POST /zoos:新建一个动物园 GET /zoos/ID:获取某个指定动物园的信息 PUT /zoos/ID:更新某个指定动物园的信息(提供该动物园的全部信息)...,PUTDELETE,PATCH操作幂等性。...GET(SELECT):从服务器取出资源(一项或多项)。 POST(CREATE):服务器新建一个资源。 PUT(UPDATE):服务器更新资源(客户端提供改变后的完整资源)。... request中的AcceptResponse中的Content-Type:application/json ?

3.6K81

cors跨域探讨

前端开发者而言,CORS是浏览器检查到跨域请求的时候,自动发起的。...一条简单的跨域请求就完成了: 前端不需要写任何东西。 后台也可以不做任何逻辑处理,一律返回Access-Control-Allow-Origin。 全部的CORS把关工作都在浏览器端正式执行。...Access-Control-Request-Method: POST, Access-Control-Request-Headers: CARVEN 然后服务器返回自己允许的方法(method)特殊头...比如:PUTDELETE等method,从规范来说,会使目标地址发生增、删等行为,使目标服务器资源发生改变。 所以,浏览器会发起正式请求前,先向发起一次预请求,等到允许后再发正式请求。...但是支持HEAD、GETPOST,且代码不能接收到响应信息。 mode=cors,默认,执行cors协议。

62200

SpringBoot + Vue (axios)实现 Restful API 交互

请求 一、不带参数的 get 请求 二、带参数的 get 请求 三、请求路径中带参数 2.2.2 POST 请求 一、以实体类的形式接收参数 2.2.3 PUT 请求 2.2.4 DELETE 请求... RestFul API 中,前后端是分离的,后端不在负责视图的渲染,负责返回指定的前端请求后端 Rest 风格的 API,后端接收到前端的请求之后,会根据请求方法类型,参数执行一些对应的操作。...axios#request(config) axios#get(url[, config]) axios#delete(url[, config]) axios#head(url[, config])...因此所有 SpringBoot 中接收数据必须使用 @RequestBody 注解,讲前端的数据以 JSON 的格式接收 运行结果: 2.2.3 PUT 请求 PUT 请求 Restful API...请求 DELETE 请求用来删除一条记录中的数据, GET 请求一样用于获取 url 中的参数 后端代码 @DeleteMapping("/delete/{id}") public

5.3K33

drf框架序列化返序列化

0903自我总结 drf框架序列化反序列化 from rest_framework import serializers 一.自己对于序列化反序列化使用的分类 前后端交互主要有get,post,puch...return 修改后的代码 需要序列化字段 不做任何处理的情况下我们定义的类里面的字段必须在model类中必须存在该字段 参与序列化的属性名必须与model类的属性相同 出现在序列化中不出现在反序列化中我们要加只读属性...不需要序列化的属性字段序列化类中设置写属性write_only=True 2.views视图中 from rest_framework.views import APIView class UserAPIView...(APIView): def post(self, request, *args, **kwargs): #一般都是post请求 request_data = request.data...单整体改 class UserV2APIView(APIView): def put(self, request, *args, **kwargs): pk = kwargs.get

86251

DjangoRestFramework,restful规范、APIview、解析器组件、Postman等

GET(SELECT):从服务器取出资源(一项或多项)。 POST(CREATE):服务器新建一个资源。 PUT(UPDATE):服务器更新资源(客户端提供改变后的完整资源)。...他put用哪个都可以,没有太大的区别,我们用put方式偏多 DELETEDELETE):从服务器删除资源。       还有两个不常用的HTTP动词。 HEAD:获取资源的元数据。...DELETE /zoos/ID/animals/ID:删除某个指定动物园的指定动物       动词覆盖:                有些客户端只能使用GETPOST这两种方法。...GET: 200 OK POST: 201 Created PUT: 200 OK PATCH: 200 OK DELETE: 204 No Content         上面代码中,POST返回201...它与302307的含义一样,也是"暂时重定向",区别在于302307用于GET请求,而303用于POSTPUTDELETE请求。

2.5K20

『Beego + Swagger 快速上手』

各种主流的编程语言都有对应的集成开发环境,即使是使用其中的一款,插件丰富,也能实现其他编程语言的编程。...,这里我们只需下载Swagger即可使用前端文件 C 层处理业务逻辑,比如API 中的POST,PUT,GET, DELETE 等 一个典型的Beego 框架的目录大概是这样的: ├── conf │...Response controllers 处理Http 请求动作:POSTPUTDELETEGET等 使用的到的工具: go get github.com/astaxie/beego go...(最近也在工作中开发一个命令行工具,有时间聊聊) 开始 创建API 项目 bee api apiTest src (go项目环境变量下) 新建了一个apiTest 文件夹,里面默认存在一些默认的...@Failure 表示描述API 错误处理时的返回值信息状态码 @router 表示API 路径URL [] 表示该函数的动作类型:postgetputdelete等 Beego API 文档

1.2K30

Spring Boot + Vue + Shiro 实现前后端分离、权限控制

一、前后端分离思想 前端从后端剥离,形成一个前端工程,前端利用Json来后端进行交互,后端不返回页面,返回Json数据。前后端之间完全通过public API约定。...,PUT,DELETE,TRACE,OPTIONS,PATCH"); response.addHeader("Access-Control-Allow-Headers", "Content-Type...response.addHeader("Access-Control-Allow-Methods", "GET,HEAD,POST,PUT,DELETE,TRACE,OPTIONS,PATCH");...、POST等请求会变成preflighted request,即在GETPOST请求之前会预先发一个OPTIONS请求,这个后面再说。...,这样会导致GETPOST等请求之前会先发一个OPTIONS请求,但OPTIONS请求并不带shiro的'Authorization'字段(shiro的Session),即OPTIONS请求不能通过

76710

老板与秘书的故事理解CORS(跨域),真的超级简单

背景 一天下午,正认真的上(摸)班(鱼)呢,一个前端开发同事找到运维团队“后端服务是不是有什么异常啊,为什么我的访问不通呢?”“接口地址拿来~”运维工程师使用本地的postman进行调用。...预检中,浏览器发送的头中标示有 HTTP 方法真实请求中会用到的头。...,则浏览器会允许其通过 否则,请求将被拒绝,并出现我们本文开头看到的错误 我们启动一个后端前端来模拟问题: 后端的Go代码 package main import ( "encoding/json...( "/books" , getAllBooks) r.Post( "/books" , addBook) r.Delete( "/books" , deleteAllBooks) })...(in seconds) w.Header().Set("Access-Control-Max-Age", strconv.Itoa(60*60*2)) } 重新启动前端后端,重新尝试访问会发现问题解决了

10810

Springboot + Vue + shiro 实现前后端分离、权限控制

一、前后端分离思想 前端从后端剥离,形成一个前端工程,前端利用Json来后端进行交互,后端不返回页面,返回Json数据。前后端之间完全通过public API约定。...,PUT,DELETE,TRACE,OPTIONS,PATCH"); response.addHeader("Access-Control-Allow-Headers", "Content-Type...response.addHeader("Access-Control-Allow-Methods", "GET,HEAD,POST,PUT,DELETE,TRACE,OPTIONS,PATCH");...、POST等请求会变成preflighted request,即在GETPOST请求之前会预先发一个OPTIONS请求,这个后面再说。...,这样会导致GETPOST等请求之前会先发一个OPTIONS请求,但OPTIONS请求并不带shiro的'Authorization'字段(shiro的Session),即OPTIONS请求不能通过

3.4K51

Spring Boot + Vue + Shiro 实现前后端分离、权限控制

一、前后端分离思想 前端从后端剥离,形成一个前端工程,前端利用Json来后端进行交互,后端不返回页面,返回Json数据。前后端之间完全通过public API约定。...,PUT,DELETE,TRACE,OPTIONS,PATCH"); response.addHeader("Access-Control-Allow-Headers", "Content-Type...response.addHeader("Access-Control-Allow-Methods", "GET,HEAD,POST,PUT,DELETE,TRACE,OPTIONS,PATCH");...、POST等请求会变成preflighted request,即在GETPOST请求之前会预先发一个OPTIONS请求,这个后面再说。...,这样会导致GETPOST等请求之前会先发一个OPTIONS请求,但OPTIONS请求并不带shiro的'Authorization'字段(shiro的Session),即OPTIONS请求不能通过

3.6K31

Springboot+Vue+shiro实现前后端分离、权限控制

一、前后端分离思想 前端从后端剥离,形成一个前端工程,前端利用Json来后端进行交互,后端不返回页面,返回Json数据。前后端之间完全通过public API约定。...,PUT,DELETE,TRACE,OPTIONS,PATCH"); response.addHeader("Access-Control-Allow-Headers", "Content-Type...response.addHeader("Access-Control-Allow-Methods", "GET,HEAD,POST,PUT,DELETE,TRACE,OPTIONS,PATCH");...、POST等请求会变成preflighted request,即在GETPOST请求之前会预先发一个OPTIONS请求,这个后面再说。...,这样会导致GETPOST等请求之前会先发一个OPTIONS请求,但OPTIONS请求并不带shiro的'Authorization'字段(shiro的Session),即OPTIONS请求不能通过

40910

Spring Boot + Vue + Shiro 实现前后端分离、权限控制

一、前后端分离思想 前端从后端剥离,形成一个前端工程,前端利用Json来后端进行交互,后端不返回页面,返回Json数据。前后端之间完全通过public API约定。...,PUT,DELETE,TRACE,OPTIONS,PATCH"); response.addHeader("Access-Control-Allow-Headers", "Content-Type...response.addHeader("Access-Control-Allow-Methods", "GET,HEAD,POST,PUT,DELETE,TRACE,OPTIONS,PATCH");...、POST等请求会变成preflighted request,即在GETPOST请求之前会预先发一个OPTIONS请求,这个后面再说。...,这样会导致GETPOST等请求之前会先发一个OPTIONS请求,但OPTIONS请求并不带shiro的'Authorization'字段(shiro的Session),即OPTIONS请求不能通过

77731

15 张精美动图全面讲解 CORS

在上图的案例中,只有GETPOSTPUT 方法被允许跨域访问资源。其他 HTTP 方法,例如 PATCH DELETE 都会被阻止。...说到PUT,PATCH DELETE 这几个 HTTP 方法,CORS 处理这些方法时还有些不同。这些非简单请求会触发 CORS 的预检请求。...一个跨域请求到底是简单的的还是预检的,取决于一些 request header。 当请求是 GETPOST 方法并且没有任何自定义 Header 字段时,一般来说就是个简单请求。...Access-Control-Request-Method: GET POST PUT Access-Control-Request-Headers: Content-Type 3️⃣ 浏览器收到预检响应...同源策略 CORS 的知识点有很多,本文讲了一些关键知识点,如果你想全面学习 CORS 的相关知识,我推荐你查阅MDN 文档[10] W3C 规范[11],这些一手知识是最准确的。

1K40
领券