首页
学习
活动
专区
工具
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(异步请求)的时候,为什么使用GET和POST方式发送可以接收到数据,而使用DELETE和PUT...一般情况下,我们使用Rest风格的URI时,也就是使用HTTP协议请求方式的动词,来表示对资源的操作(GET(查询),POST(新增),PUT(修改),DELETE(删除)),常常会出现这个问题....前端代码如下: $.ajax({ url: "${pageContext.request.contextPath}/app/" + empId, type: "PUT", data...为什么会出现这种情况呢? 实际上这是因为在设计Tomcat的时候就出现的问题.在Tomcat的源代码的Request.java类中,大约是3111行左右的代码,有这样的一段代码.

2.3K10

RESTful风格的应用

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

63630
  • cors跨域探讨

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

    64000

    Django rest Framework入门 一 :手工实现常见API

    Django REST Framework Django本身是一个前后端不分离的框架,适合很多相对简单的开发需求,但是现在很多场景比较复杂,尤其是前端比较复杂,而现在很多前端框架都很不错,能极大简化前端开发工作...常见的API有以下几种: 方法 url 动作 GET /books/ 查询所有记录 POST /books/ 增加一条记录 GET /books/id 查询某一条记录 PUT /books/id 修改某一条记录...README.md ├── requirements.txt ├── test——————–测试代码目录,部分功能提供了现成的测试代码,直接运行即可 └── venv 代码解释(手工实现API) 在代码里面分类列表视图和详情视图两种...204) 上面的列表视图和详情视图这两段代码,其实就是只利用Django做Web开发的时候常见操作,在View中利用Model对数据库进行增删查改操作,只是最终返回的是数据,而不是通过Template渲染过的页面...测试 test路径下有个文件:mannual_api.py 里面写了POST和DELETE两种API的测试代码,直接运行即可,会返回测试成功或者失败的提示 $ python .

    11910

    RESTful接口设计原则和优点

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

    3.7K81

    【Java】已解决:org.springframework.web.HttpRequestMethodNotSupportedException

    该异常通常发生在处理HTTP请求时,当请求的HTTP方法(如GET、POST、PUT、DELETE等)不被控制器方法支持时,就会抛出此异常。...ResponseEntity.ok("This is a POST request"); } } 当前端发送一个PUT请求到 /api/data 时,由于控制器中没有对应的PUT映射方法,就会抛出...ResponseEntity.ok("This is a POST request"); } } 假设客户端发送了一个PUT请求: PUT /api/data HTTP/1.1 Host: localhost...request"); } } 现在,无论客户端发送GET、POST、PUT还是DELETE请求,控制器都能正确处理,避免抛出 HttpRequestMethodNotSupportedException...遵循RESTful规范:在设计API时,遵循RESTful规范,根据资源操作的类型选择合适的HTTP方法(GET、POST、PUT、DELETE等)。

    78510

    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

    6.3K34

    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

    87951

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

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

    2.5K20

    快速学习-综合案例RESTRUL_CRUD

    -- 1.为什么使用SpringMVC的form标签 ① 快速开发 ② 表单回显 2.可以通过modelAttribute指定绑定的模型属性, 若没有指定该属性,则默认从request域中查找command...form 标签 一般情况下,通过 GET 请求获取表单页面,而通过 POST 请求提交表单页面,因此获取表单页面和提交表单页面的 URL 是相同的。...过滤器 发起请求,无法执行,因为delete请求必须通过post请求转换为delete请求,借助:HiddenHttpMethodFilter过滤器 7.7.3 需要使用jQuery来转换请求方式 加入...jQuery库文件 /scripts/jquery-1.9.1.min.js jQuery库文件不起作用 警告: No mapping found for HTTP request with URI [...请求 delete" href="empDelete/${emp.id }">Delete post">

    1.7K20

    『Beego + Swagger 快速上手』

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

    1.3K30

    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,即在GET、POST请求之前会预先发一个OPTIONS请求,这个后面再说。...,这样会导致在GET/POST等请求之前会先发一个OPTIONS请求,但OPTIONS请求并不带shiro的'Authorization'字段(shiro的Session),即OPTIONS请求不能通过

    85210

    老板与秘书的故事理解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)) } 重新启动前端和后端,重新尝试访问会发现问题解决了

    14310

    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,即在GET、POST请求之前会预先发一个OPTIONS请求,这个后面再说。...,这样会导致在GET/POST等请求之前会先发一个OPTIONS请求,但OPTIONS请求并不带shiro的'Authorization'字段(shiro的Session),即OPTIONS请求不能通过

    3.5K51

    RESTful API 的设计与实现

    简单理解就是一种基于 HTTP 的数据交互风格,用 URL 代表资源,用 HTTP 方法(GET、POST、PUT、DELETE)来操作这些资源。...HTTP 方法决定操作:GET /users 获取所有用户GET /users/1 获取 ID 为 1 的用户POST /users 创建新用户PUT /users/1 更新 ID 为 1 的用户DELETE...使用 HTTP 方法表示操作RESTful API 强调使用标准的 HTTP 方法:GET 读取数据POST 创建数据PUT 更新数据DELETE 删除数据如果接口是 GET /users,一看就知道是获取用户数据...返回合理的 HTTP 状态码API 调用成功或者失败,不应该只返回 200 OK,而应该使用合适的状态码:200 OK:请求成功,比如 GET /users201 Created:资源创建成功,比如 POST.../users204 No Content:删除成功但没有返回数据,比如 DELETE /users/1400 Bad Request:请求参数有误,比如 POST /users 但缺少 name 字段

    13500
    领券