说一下fetch 请求方式？_

牛客526141857号

1.加载速度，第一个请求响应时间，页面加载时间，交互动作的反馈时间，帧率fps,异步请求完成时间 2.性能指标：速度指数，speed index 第一个请求响应时间 TTFB 页面加载时间

编辑于 2022-04-20 15:30:57 回复(0)

牛客833746224号

fecth是一种HTTP数据请求的方式，是XMLHttpRequest的一种替代方式，Fetch函数就是原生js，没有使用XMLHttpRequest对象。Fetch对象返回一个promise解析response来自request显示状态的方法。XMLHTTPRequest特点：1、所有功能集中在一个对象上，写的代码可维护性不强且容易混乱。2、不能适配新的promise API；Fetch特点：1、精细的功能分割：头部信息，请求信息，响应信息等均分布在不同的对象上，可以处理各种复杂的数据交互场景。2、也可以适配promise API；3、同源请求也可以自定义不带cookie，某些服务不需要cookie的场景下能少些流量。

发表于 2023-02-27 15:57:14 回复(0)

前端养生工程师

记性不好的可以这么理解： 1、fetch 是 XMLHttpRequest 的一种替代方案，fetch是js原生语法也能像ajax一样获取后台数据优点： - 基于标准Promise实现，支持async/ await - 语法简洁，更加语意化fetch 可以理解成简化版的 XMLHttpRequest 缺点： - 兼容性不好，不支持IE - 不能中断请求（xhr有个xhr.abort 方法能直接中断请求） - 没法检测请求进度

发表于 2023-07-13 14:31:02 回复(2)

牛客663468082号

1、Fetch API规定，get方式请求数据时无法通过options传输参数，只能将数据拼接到url中；2、post方式请求数据可以通过options中传输参数，但需要在header中加入"Content-type"：application/x-www-form-urlencoded; charset=UTF-8

发表于 2022-05-23 17:22:17 回复(0)

牛客47926233号

1.Fetch是浏览器内置的对象，基于promise实现，可以通过window对象调用 2.Fetch提供了对Request和Response的通用定义 3.使用Fetch发送请求和获取数据，需要用fetch（）方法 4.fetch（）方法必须接收一个参数：请求路径；也可以设置一个可选参数Request

编辑于 2022-10-22 09:06:16 回复(0)

乐扣乐扣

前后端一般通过HTTP协议进行交互，但HTTP协议是基于“问答模式”的，即客户端发起询问，服务端才会响应。但对于一些实时的场景，比如股票趋势图、直播...等，服务端更新数据的速度很快，如果每次都要客户端询问，这样传输数据的效率十分低下，所以得通过其它交互模式支持实时通信。实现实时通信有以下几种方式： 1.短轮询：客户端设置定时器，每隔几秒就向服务端发送请求，通过频繁地请求到达实时的效果。这种方式要求服务器的响应速度很快。 2.长轮询：客户端和服务端保持一条长连接，一旦服务端有新的数据，不等客户端请求就会主动发送给对方。这种方式要求服务器有高并发能力。 3.WebSocket：一种全双工通信协议，客户端和服务端处于相同的地位。通过客户端与服务端建立的HTTP连接进行切换，客户端会发送一个带update:websocket字段的HTTP请求请求协议切换，服务端会回复带101状态码的响应表示协议切换成功。接着它们使用websocket进行通信，一旦有新的数据服务端可以直接发送给客户端。 4.SSE（Server-Sent Event）：服务端与客户端建立的一个单向通道，只能由服务端传输特定形式的数据给服务端，这里并不是建立一个长连接。

编辑于 2022-08-18 19:58:01 回复(0)

解脱者

fetch是一种HTTP数据请求的方式，是XMLHTTPRequest的一种替代方案。Fetch函数时原生JS，没有使用XMLHTTPRequest对象。fetch方法返回一个Promise解析Response来自Request显示状态的方法

发表于 2022-10-16 23:32:32 回复(0)

不能说的秘密1021

fecth是一种HTTP数据请求的方式，是XMLHttpRequest的一种替代方式，Fetch函数就是原生js，没有使用XMLHttpRequest对象。Fetch对象返回一个promise解析response来自request显示状态的方法。XMLHTTPRequest特点：1、所有功能集中在一个对象上，写的代码可维护性不强且容易混乱。2、不能适配新的promise API；Fetch特点：1、精细的功能分割：头部信息，请求信息，响应信息等均分布在不同的对象上，可以处理各种复杂的数据交互场景。2、也可以适配promise API；3、同源请求也可以自定义不带cookie，某些服务不需要cookie的场景下能少些流量

发表于 2023-10-26 20:30:40 回复(0)

喜欢修勾的华夫饼在看机会

fetch是一种HTTP数据请求的方式，是XMLHttpRequest的一种替代方案。Fetch函数计算元素js,没有使用XMLHttpRequest对象。fetch()方法返回一个Promise解析Response来自Request显示状态（成功与否）的方法。使用XMLHttpRequest的问题是所以功能全部集中在一个对象上，容易书写出混乱而且不容易维护的代码，采用传统的事件驱动模式，无法适配新的Promise API Fetch API的特点是精细的功能分割：头部信息，请求信息，响应信息等均匀分布到不同的对象，更有利于处理各种复杂的数据交互场景；使用Promise API更有利于异步代码的书写，同源请求也可以自定义不带cookie，某些服务不需要cookie场景下能少些流量

发表于 2022-07-19 14:15:19 回复(0)

牛客906079186号

http 请求api 接口，fetch({url,方法，参数}) 返回一个promise

发表于 2024-03-14 09:41:37 回复(0)

旺仔王子

fetch请求是原生js方法，他不同于XMLHttpRqest；fetch使用promise对象来处理一步操作，代码相对XMLHttpRqest更加简洁、易读；同时fetch对跨域请求的处理也更加灵活，可以设置cors相关的属性。

编辑于 2024-03-05 14:57:14 回复(0)

威猛的无尾熊最喜欢秋天

fetch函数就是http数据请求的方式，和axios 模式不同（XMLHttpRequest）fetch()方法返回一个promise解析response来自request显示状态的方法

发表于 2024-02-21 17:57:40 回复(0)

想堆雪人的柠檬精在看面经

1.fetch是浏览器内置的API，在全局window上 2.fetch请求没有办法原生监测请求进度，XHR可以。 3.fetch请求返回的是promise,这使得对异步请求的处理更加灵活简洁。 ajax则是利用回调函数来处理异步操作，可能会造成回调地狱。 4.fetch请求使用Response和Request对象来处理请求和响应。提供了json,text,blob等丰富的方法来处理响应对象。

发表于 2023-11-26 17:43:25 回复(0)

希望offer多多的丹尼尔很淘气

是es6用promis实现异步请求方案，浏览器原生的方法，可以在浏览器中直接调用。

发表于 2023-10-25 14:51:07 回复(0)

kumoko

Fetch API支持所有HTTP请求方法，包括：GET，POST，DELETE，PUT等。可以在fetch()方法的第二个参数中指定请求方法，返回的是Promise对象。 fetch("https://xxxxxxxxxx", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(data), }) .then((res) => res.json()) .then((data) => { console.log(data) })

发表于 2023-10-10 16:47:26 回复(0)

伍仲

fetch响应体是readableStream对象。

发表于 2023-09-09 15:32:59 回复(0)

愿offer多多的放鸽子能手很谦虚

fetch是一种HTTP数据请求的方式，是XMLHttpRequest的一种替代方式，Fetch函数就是原生js，没有使用XMLHttpRequest对象。Fetch对象返回一个Promise解析Response来自Request显示状态的方法。 XMLHttpRequest特点： 1.所有功能集中在一个对象上，写的代码可维护性差而且容易混乱 2.不能适配新的Promise API Fetch特点： 1.精细的功能分隔：头部信息，请求信息，响应信息等均分布在不同的对象上，可以处理各种复杂的数据交互场景 2.也可以适配Promise API 3.同源请求也可以自定义不带cookie，某些服务不需要cookie的场景下能少写流量

发表于 2023-09-05 11:36:38 回复(0)

阿珊和她的猫

`fetch` 是一个用于发送 HTTP 请求的现代化 API，取代了旧的 `XMLHttpRequest` 对象。使用 `fetch` 发送请求的基本语法如下： ```javascript fetch(url, options) .then(response => { // 处理响应 }) .catch(error => { // 处理错误 }); ``` 其中，`url` 是请求的 URL 地址，`options` 是一个可选的参数对象，用于配置请求。返回的是一个 Promise 对象，可以使用 `.then()` 方法处理成功的响应，使用 `.catch()` 方法处理失败的情况。 `fetch` 向服务器发送的请求默认是 `GET` 请求，如果需要发送其他类型的请求，可以配置 `options` 对象。常见的 `options` 参数配置如下： - `method`：请求的方法，默认是 `GET`。 - `headers`：请求头的配置。 - `body`：请求的主体内容，通常用于发送 POST 请求时携带数据。 - `mode`：请求的模式，可以是 `cors`、`no-cors`、`same-origin` 中的一个。 - `credentials`：请求的凭据，可以是 `include`、`same-origin`、`omit` 中的一个。 - `cache`：请求的缓存模式，可以是 `default`、`no-store`、`reload`、`no-cache`、`force-cache`、`only-if-cached` 中的一个。 - `redirect`：请求的重定向模式，可以是 `follow`、`manual`、`error` 中的一个。 - `referrer`：请求的引用来源。更详细的参数配置和具体示例可以参考官方文档。需要注意的是，`fetch` 在处理错误时并不会抛出一个常规的错误，而是只有在网络错误或无法发送请求时才会被拒绝。对于其他的响应状态码，`fetch` 仍然会认为请求成功。所以，在 `.then()` 中需要通过 `response.ok` 属性来检查请求是否成功，并决定如何处理响应数据。此外，`fetch` 并不支持同步请求，异步是其唯一支持的方式。

发表于 2023-08-28 15:55:50 回复(0)

在炒股的芹菜很忧伤

一种http请求数据方式 1、原生js没有xhr对象， 2、返回一个promise解析res 3、有更加精细的功能，头部信息、请求信息、响应信息都在不同对象上 4、可以处理各种复杂的数据交互场景

发表于 2023-08-25 13:56:18 回复(0)

Unbelievable.

fetch是一种网络请求方式，是XMLHttpRequest的一种代替方式，它就是原生js,没有使用Xml对象，返回一个promise解析res，有更加精细功能，头部信息，请求信息，响应信息分布在不同的对象上，可以处理各种复杂的数据交互场景，适配promise场景，

发表于 2023-08-24 07:28:42 回复(0)

说一下fetch 请求方式？

问题信息

热门推荐

相关试题