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

Fetch接口: GET正常时,PUT请求JSON返回404

Fetch接口是一种用于在网络上获取资源的API,它是基于HTTP协议的一种通信方式。在前端开发中,可以使用Fetch接口来发送HTTP请求并获取服务器返回的数据。

GET请求是一种用于获取资源的HTTP方法,当使用Fetch接口发送GET请求时,如果服务器成功返回了请求的资源,那么Fetch接口会将响应数据封装成一个Promise对象,并且该Promise对象会被resolve。开发者可以通过调用Promise对象的方法来处理响应数据。

PUT请求是一种用于更新资源的HTTP方法,当使用Fetch接口发送PUT请求时,需要将要更新的数据以JSON格式放在请求的body中。根据HTTP协议规定,如果PUT请求的目标资源不存在,服务器应该返回404状态码表示资源未找到。

综上所述,根据题目要求,当使用Fetch接口发送PUT请求时,如果服务器返回404状态码,表示请求的资源未找到。开发者可以根据这个状态码来判断请求是否成功,并进行相应的处理。

关于Fetch接口的更多信息和使用方法,可以参考腾讯云的相关产品文档:

请注意,本回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商,以符合题目要求。

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

相关·内容

Vue 前后端交互基础

这种应用模式比较适合纯网页应用,但是当后端对接 App ,App 可能并不需要后端返回一个 HTML 网页,而仅仅是数据本身,所以后端原本返回网页的接口不再适用于前端 App 应用,为了对接 App...,方法执行结束 race(数组): 接收一个数组,每个数组元素都是一个 Promise 实例,当这个数组中的 Promise 实例有一个返回,方法执行结束 1.3 Fetch 1.3.1 Fetch...1.3.2 Fetch 的使用 ☞ 语法 // fetch 参数为请求的路径,默认为 get 请求 fetch("url").then(function(data) { // 成功返回的 data...// 失败返回的 info 我们可以直接拿到数据 } );   fetch 有两个参数,第一个是 url 是必须要填写的,第二个是 option 是可选的,option 用来设置如 method(GET...可以使用 data.json():将返回的数据转为 json,data.text():将返回数据转为字符串 ☞ 示例 fetch('url', { method: 'GET', }).then

2K50

Fetch vs Axios

在本篇指南中,我们将会介绍Axios和Fetch,并对它们进行比较,以便让我们做出明智的决定去选择。 快速概览 Fetch API是一个接口,暴露了一个叫做fetch()的方法,用于发出网络请求。...Fetch和Axios都是基于promise的HTTP客户端。这意味着当我们使用它们来创建网络请求,它们会返回一个resolve或者reject的promise。...错误处理 fetch和axios都返回一个被解决(resolved)或被拒绝(rejected)的promise。当promise被拒绝,我们可以使用.catch() 来处理错误。...如果我们收到404错误或任何其他HTTP错误,Fetch将不会拒绝一个promise。Fetch只有在网络请求失败拒绝promise。所以我们必须在.then子句中手动处理HTTP错误。...中取消请求,我们可以使用AbortController[5]接口

1.2K10

【Vue_03】前后端交互

Promise的常用API 实例方法 then(方法 1, 方法 2) :方法 1 处理异步正常的数据,方法 2 处理异步失败(可以不写), 链式编程需要在上一个 then 中使用 return...,方法执行结束 race(数组) : 接收一个数组,每个数组元素都是一个 Promise 实例,当这个数组中的 Promise 实例有一个返回,方法执行结束 二、fetch Fetch 是新的...// fetch的参数为请求的路径,默认为 get 请求 fetch("url") .then( function(data) { // 成功返回的 data 是一个 Promise...info 我们可以直接拿到数据 } ); 2. fetch的Http请求 get/delete post/put 3. fetch的响应格式 data.json...() : 将返回的数据转为 json data.text() : 将返回数据转为字符串 三、axios 1. axios的基本使用 get /delete请求 post/put请求 2. axios

97110

在 JS 中如何使用 Ajax 来进行请求

method: GET | POST | PUT | DELETE | PATCH headers: 请求头,如 { “Content-type”: “application/json; charset...API返回Promise对象 fetch() API返回一个promise对象。...错误处理 请注意,对于成功的响应,我们期望状态代码为200(正常状态),但是即使响应带有错误状态代码(例如404(未找到资源)和500(内部服务器错误)),fetch() API 的状态也是 resolved...我们还必须调用response.json()将响应对象转换为JSON 错误处理 我们来看看当HTTP GET请求抛出500错误时会发生什么: fetch('http://httpstat.us/500'...我个人更喜欢使用Axios API而不是fetch() API,原因如下: 为GET 请求提供 axios.get(),为 POST 请求提供 axios.post()等提供不同的方法,这样使我们的代码更简洁

8.8K20

探索RESTful API开发,构建可扩展的Web服务

同样,RESTful API也有一些设计原则:统一接口: API应该具有统一的接口,使其易于理解和使用。状态无关性: 客户端和服务器之间的交互不应该包含关于请求的状态信息。每个请求应该是完全独立的。...实现RESTful端点实现GET请求当实现GET请求,我们的目标是从服务器获取资源的信息。在RESTful API中,GET请求通常用于检索资源。...// 返回资源信息 echo json_encode($resource);}在上面的示例中,我们首先检查请求是否为GET请求。...如果查询返回了结果,我们提取资源信息并将其编码为JSON格式返回给客户端。如果未找到资源,我们返回404错误响应。实现POST请求实现POST请求,我们的目标是在服务器上创建新资源。...实现PUT请求实现PUT请求,我们的目标是更新现有资源的信息。在RESTful API中,PUT请求通常用于更新服务器上的资源。

22200

挑战30天学完Python:Day29 Python Rest API

HTTP客户端打开连接并向HTTP服务器发送请求消息,HTTP服务器返回请求的资源响应消息。当请求-响应周期完成,服务器关闭连接。 请求和响应消息的格式类似。...让我们启动Day26候我们写的一个web程序并请求其中一个接口,打开浏览器开发者工具查看下网络栏里接口信息。...状态行示例如下: HTTP/1.0 200 OK 或 HTTP/1.0 404 Not Found 最常见的状态码有: 200 OK:请求成功,结果资源(例如文件或脚本输出)在消息体中返回...浏览器只能处理GET请求。因此,我们需要一个工具来处理所有请求方法(GET、POST、PUT、DELETE)。 这里先提一款接口流程测试工具叫 Postman,后边的内容我们将使用它进行演示。...在平常工作中可能大家见到的接口基本都是GET/POST两种,研发通过接口名区分其他操作,而不是用这种请求方法。

15430

4k字介绍 React Router 6.4 超大变化:引入 Data API。你不纯粹了!

注意:这里指的不是你在 loader 内部发的 fetch 请求,而是当用户路由到当前路径,发出的“请求”(其实在Single-Page App中,router已经拦截了这个真实的请求,只有Multi-Page...(res.status === 404) { throw new Response("Not Found", { status: 404 }); } return res.json();}//...因为 Response 异常 通常是开发者自己抛出的,是可以展示原因的(包括后端接口返回错误码和错误提示文案,也可在这里处理)。其它异常,通常是未知的,就直接展示兜底的报错文案即可。...(类似 useLoaderData)不同点在于,它们执行时机不同:loader 是用户通过 GET 导航至某路由,执行的。...action 是用户提交 form ,做 POST PUT DELETE 等操作,执行的。

5.7K61

Cypress系列(69)- route() 命令详解

同样是 login 请求,有些是 xhr,有些却是 document,对于 type=document 的请求, .route() 默认是不会拦截到的 非 XHR 请求 使用 Fetch API 的请求以及其他类型的网络请求...如果要对响应体做断言,可以从这对象里面拿到对应的值 重点一 Cypress 通过 cy.route().as() 和 cy.wait() ,可以自动等到接口返回以后再执行后续操作,增强了测试用例的健壮性...200) }) 重点二 指定了 status 参数之后,也必须指定 response 参数 强制返回 404 的栗子 不匹配路由的请求,强制返回 404 状态和空 response 测试代码 cy.server...当 /login 没有匹配到任意路由的时候,会返回 404 查看 route 路由的日志 ?...network-put').click() cy.wait('@putComment') // 出现 404 之后断言文案 cy.get('.network-put-comment

1.3K40

科普一下 CORS 以及如何节省一次 OPTIONS 请求

请求 header 中会包含以下两个字段: · Access-Control-Request-Method:该字段的值对应当前请求类型,例如 GET、POST、PUT等等。浏览器会自动处理。...如果不支持,建议返回 403 状态码(返回 404 或其他错误状态码也可以)。...当我们发起跨域请求,如果是非简单请求,浏览器会帮我们自动触发预检请求,也就是 OPTIONS 请求,用于确认目标资源是否支持跨域。如果是简单请求,则不会触发预检,直接发出正常请求。 2....规范规定了,当请求同时满足以下所有情况,才会被浏览器认为是一个简单请求: · 请求方法必须是以下之一:GET、HEAD、POST,也就是说 PUT、PATCH 等方法必然会触发预检。...也就是说,如果请求的 Content-Type 被设置为 application/json;charset=utf-8 也必然会触发预检。

2K30

前端三大框架之Vue-day04

(url).then() 第一个参数请求的路径 Fetch返回Promise 所以我们可以使用then 拿到请求成功的结果 */ fetch('http://localhost...API 中的 HTTP 请求 fetch(url, options).then() HTTP协议,它给我们提供了很多的方法,如POST,GET,DELETE,UPDATE,PATCH和PUT...请求传参 修改id 是 123 的 fetch('http://localhost:3000/books/123', { method: 'put...来获取数据,如果响应正常返回,我们首先看到的是一个response对象,其中包括返回的一堆原始字节,这些字节需要在收到后,需要我们通过调用方法将其转换为相应格式的数据,比如JSON,BLOB或者TEXT...自动转换JSON数据 能转换请求和响应数据 axios基础用法 get和 delete请求传递参数 通过传统的url 以 ?

3.2K20

前端成神之路-vue04

(url).then() 第一个参数请求的路径 Fetch返回Promise 所以我们可以使用then 拿到请求成功的结果 */ fetch('http://localhost...API 中的 HTTP 请求 fetch(url, options).then() HTTP协议,它给我们提供了很多的方法,如POST,GET,DELETE,UPDATE,PATCH和PUT...请求传参 修改id 是 123 的 fetch('http://localhost:3000/books/123', { method: 'put...来获取数据,如果响应正常返回,我们首先看到的是一个response对象,其中包括返回的一堆原始字节,这些字节需要在收到后,需要我们通过调用方法将其转换为相应格式的数据,比如JSON,BLOB或者TEXT...自动转换JSON数据 能转换请求和响应数据 axios基础用法 get和 delete请求传递参数 通过传统的url 以 ?

3.7K10

二十.接口调用

(url).then() 第一个参数请求的路径 Fetch返回Promise 所以我们可以使用then 拿到请求成功的结果 */ fetch('http://...API 中的 HTTP 请求 fetch(url, options).then() HTTP协议,它给我们提供了很多的方法,如POST,GET,DELETE,UPDATE,PATCH和PUT 默认的是...请求传参 修改id 是 123 的 fetch('http://localhost:3000/books/123', { method: 'put...来获取数据,如果响应正常返回,我们首先看到的是一个response对象,其中包括返回的一堆原始字节,这些字节需要在收到后,需要我们通过调用方法将其转换为相应格式的数据,比如JSON,BLOB或者TEXT...自动转换JSON数据 能转换请求和响应数据 axios基础用法 get和 delete请求传递参数 通过传统的url 以 ?

6.7K10

【面试Vue全家桶】vue前端交互模式-es7的​语法结构?asyncawait

异步接口调用,常常使用到的语法,promise的概念是什么呢?调用接口的方式,第一种为,fetch进行接口调用,第二种为,axios进行接口的调用。 es7的语法结构?...HTTP的请求方式,第一种,使用GET为查询,第二种,使用POST为添加,第三种,使用PUT为修改,第四种,使用DELETE为删除。...fetch请求参数 method(string) http请求方法,默认为GET,可以使用POST,PUT,DELETE body(string) http的请求参数 headers(object) http...的请求fetch('/da', { method;'get'}).then(data=>{returndata.text();}).then(ret=>{console.log(ret);}); GET...json() 返回结果和json.parse(presponseText)相同 接口调用axios用法 第三方的库,很强大,是一个局域promise用于浏览器和node.js的HTTP客户端。

1.4K10

Vue 09.前后端交互

基本使用 /* fetch(url).then() 第一个参数请求的路径,Fetch返回Promise,所以可以使用then拿到请求成功的结果 */ fetch('http://localhost...id=123', { // get 请求可以省略不写 默认的是GET method: 'get' }) .then(function(data) { // 它返回一个Promise实例对象...(data) { return data.text(); }).then(function(data) { console.log(data) }); PUT // PUT请求传参 fetch(...来获取数据,如果响应正常返回,我们首先看到的是一个response对象,其中包括返回的一堆原始字节,这些字节需要在收到后,需要我们通过调用方法将其转换为相应格式的数据,比如JSON,BLOB或者TEXT...的形式传递参数 通过 restful 形式传递参数 通过 params 形式传递参数 post 和 put 请求传递参数 通过选项传递参数,默认 JSON 格式 通过 URLSearchParams

6K30

《现代Typescript高级教程》实战之封装Fetch

(); return data; } } 这样我们就成功地创建了一个FetchService类,它封装了 fetch API的 GET, POST, PUT 和 DELETE 方法。...然后,我们定义了四个异步函数,每个函数都执行一个网络请求,并在请求成功打印出返回数据中的 message 字段。这四个函数分别对应 GET, POST, PUT 和 DELETE 请求。...如果你的数据类型更复杂,你可以定义一个接口来描述它,然后在这里使用那个接口。 如果请求失败,我们在 catch 块中捕获错误并打印错误消息。...如果服务器返回的HTTP状态码不是200-299,fetch API会认为请求成功,不会抛出错误。...我们把方法(GET、POST、PUT、DELETE),URL和可能的请求体传递给 _request 方法,然后它处理所有的共享逻辑,包括运行拦截器,发送请求,处理响应和解析JSON

54120

axios笔记(一) 简单入门

API 分类 3.1 REST API(restful) RESTful 接口设计规范 发送请求进行 CRUD 哪个操作由请求方式来决定 同一个请求路径可以进行多个操作 请求方式会用到 GET / POST.../ PUT / DELETE 等 3.2 非 REST API(restless) 请求方式不决定请求的 CRUD 操作(甚至可以用 GET 请求进行删除操作) 一个请求路径只对应一个操作 请求方式一般只有...GET / POST 4. json-server 搭建 REST 接口 json-server 仓库 全局安装 npm install -g json-server 新建 db.json文件 {...-watch db.json 打开 http://localhost:3000/,可以在 Resources 中看到所有的接口 点击对应接口,可以获取对应数据 支持携带参数 params 参数...ajax 引擎帮忙发送) 浏览器端发送请求,只有 XHR 或 fetch 发出的才是 ajax 请求,其他的都不是 ajax 请求 浏览器端接收到响应(一般请求浏览器会自动更新页面,而 ajax

1.5K20
领券